Прокрастинація

What’s a Rich Text element?
dgsg
wqdq

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

До нас звернулась агенція SHOTS із пропозицією співпраці по створенню серій анімаційних промо відео додатка Headway для канадського ринку. А ми що?

Ми звичайно що погодились і навіть не моргнули, коли оголосили дедлайни: 3 тижні замість стандартних 7 на такий проєкт.

І встигли. Розкажемо все спочатку🙂

ПРОБЛЕМА

Якщо коротко, то додаток Headway дістає найцікавіші думки із популярних книг із саморозвитку, бізснесу та психології та пропонує користувачам у текстовому та аудіоформатах. 15 хвилин на день - і ви прокачаєтесь у фінансовій грамотності, партнерстві або вгамуєте тривогу через практичні поради. Ми були супер ексайтед попрацювати із топовим українським продуктом [вже 140 країн і 7 мільйонів завантажень 😎].

Ключовим викликом для Headway було повертати користувачів до додатка: часто його скачували, але не користувались, або все рідше туди заходили. Чому? Бо дивились серіальчики на Netflix, скролили стрічку в Tik-Tok або таляпали із друзями та колегами про все на світі… Одним словом ПРОКРАСТИНУВАЛИ.

На цьому агенція SHOTS і збудувала рекламну кампанію: прикольний попастий головний герой Прокрастинація у 5 смішних “лінивих” відео нагадуватиме користувачам, що “замість того, щоб прокрастинувати, можна провести 15 хвилин із користю, наприклад: поліпшити свої стосунки, вивчити щось корисне, генерувати нові ідеї” і не тільки.

ВХІДНІ МАТЕРІАЛИ І ЗАВДАННЯ

Основним нашим завданням було розробити персонажа та створити кумедні відео, в яких кожен і кожна впізнає себе.

Етап 1. Створення персонажа

"“Нам сподобалась ідея агенції, але здалось, що персонаж не дуже підходить під стилістику клієнта, трошки вибивається. Тому ми запропонували кілька своїх персонажів, які були на нашу думку більш адаптовані”

Оля, ілюстраторка

Ми запропонували 4 варіанти нашого головного героя Прокрастинації. Кольори брали із брендбука Headway, які є основою додатка. Багато із них пастельні, заспокоюють розум та дозволяють сфокусуватись на інформації, але було кілька акцентних та яскравих, які ми вирішили використати для привернення уваги.

У результаті “Містер Дупик” [але тсс, це ми між собою його так назвали] краще запам'ятовуєтьсяя, він складніший, більше пропрацьований та водночас максимально живий.“

"Найважчою була робота із персонажем. Він був проанімований покадрово, так само, як і кіт, який зустрічався у роликах Headway”.  

тімлід Віталій Небельський

Етап 2. Анімація


Найперше ми зробили аніматики: поєднали чорнові анімації з начиткою та музикою. На цьому етапі важливо показати, як герой буде рухатись, як це поєднуватиметься з начиткою та музикою та як зчитається меседж.  Коли затвердили – відмалювали все начисто в кольорі.

Ми анімували героїв покадрово, а другорядні обʼєкти і бекграунди – за допомогою моушен-анімації.

Оскільки відеорекламу із Містером Дупиком планували запускати на різних платформах, ми адаптували відео до кількох потрібних форматів:

  • вертикальний
  • квадратний
  • короткі версії

Загалом ми створили 15 рекламних анімацій

Всі дуже кайфанули від проєкту. Нам сподобались креативи від агенції, а агенції подобалось те, як ми робили ілюстрації і як підхопили анімації, стилістику та ідею.  Персонаж став живий і зміг привернути до себе увагу через свою веселу і в той самий час екстравагантну простоту. Він ожив, у нього прикольно проанімовані рухи. Це чувак, який запам’ятовується”

тімлід Віталій Небельський

No items found.

project team

and action

Vitalii Nebelskyi

Art direction

Olya Barabakh

Illustrations & Style

Olya Barabakh, Teymuraz Bzikadze

Cell animation

Volodymyr Boyko, Vitalii Nebelskyi

2D animation

Oleksandra Bolotova

Key Visual

Anatoliy Bogomazov

Sound design

Headway

SHOTS

Creative Agency

Sergii Shevtsov

Creative Director

Peter Storozhenko

Head of Art

Fedir Boiko

Art Director

Oleksii Boychuk

Copywriter

Maryna Martynova

Account Director

Anna Vergai

Account Manager


see more

Text LinkText Link