Сторилендинг «Как копить»

Интерактивный проект
о финансовой грамотности
Задача

Рассказать пользователю, как продукт или услуга помогут ему в достижении своих целей.
И тем самым эффективно их продвинуть.

Что сделали
Создали интерактивный и красочный сторилендинг, который помогает читателю научиться правильно и осознанно копить деньги, не жертвуя своим комфортом.
Этап 0

Поиск подхода

В 2020 году у нас была идея — сделать календарь, где в каждом месяце будет инфографика с обучением какому-нибудь полезному навыку: как наладить режим сна, как строить планы, как давать обратную связь коллегам. Одну из них, «Как накопить деньги», мы решили превратить в сторилендинг и посмотреть, как этот формат поможет раскрыть ее по-новому.


В диджитал-версии сохранили структуру шагов и яркую стилистику иллюстраций из календаря
Этап 1

Структура и контент

Рассказ о навыке строится на примере конкретной цели — накопить на ноутбук. Читатель приходит к ней через три шага: в первом он узнает, как откладывать деньги, во втором — как комфортно сокращать расходы, и, наконец, как повысить свои доходы. Все рекомендации постарались сделать максимально практичными, чтобы цель выглядела более достижимой, а шаги — понятными.

Каждый шаг — это этап, который читатель проходит, чтобы приблизиться к цели
Этап 2

Сторителлинг

В рассказе есть персонаж — девушка, которая хочет накопить на ноутбук. Она появляется на иллюстрациях и везде сопровождает читателя. При этом на самом деле главный герой — это сам читатель, который все время делает выбор: указывает доход, считает экономию на основе своих привычек, видит, как можно распределить свою зарплату.


Вначале пользователю сразу предлагают выбрать свой доход и поставить цель. Это создает психологический якорь, который цепляет внимание. А затем человек узнает, как достичь цели, которую он выбрал.

Присутствие персонажа добавляет в проект эмпатию и тепло
Чтобы включить читателя в процесс, сразу же предлагаем выбрать примерный доход, а затем вокруг этой цифры строим все расчеты
Этап 3

Механики

Чтобы читателю было интересно разбираться в теме, мы использовали разные интерактивные элементы: с их помощью можно протестировать весь процесс накопления на себе. Читатель указывает, сколько он зарабатывает, может управлять расходами и видеть, сколько осталось до его цели. Всё это помогает лучше понять процесс накопления — и увидеть его преимущества.

По ходу скролла читатель видит шкалу, которая показывает, как далеко он продвинулся. Это удерживает внимание и стимулирует идти до конца
С помощью ползунков читатель может сразу увидеть, как отказ от пустых трат может помочь накоплению денег
Каждую практику накопления читатель может сразу проверить на себе — например, «разложить» деньги по четырем конвертам
Финальные графики отражают весь процесс накопления за год и показывают, как человек продвигался на каждом шаге
Этап 4

Дизайн

Чтобы наглядно разделить этапы между собой и четко отразить весь процесс на графиках и шкале, мы разметили их тремя контрастными цветами: оранжевым, красным и синим. Дизайн проекта яркий, запоминающийся, в нем больше иллюстраций, чем текста. Это позволяет превратить сложную тему в красочную и интересную историю.

На финальных графиках видно, сколько денег принес каждый этап накопления
Чтобы подать сложную тему понятно и интересно, в проекте используются яркие рисунки
Результаты

Рассказывать об абстрактных вещах — как копить, как похудеть, как инвестировать — всегда сложно. Но понятная история, которая несет пользу читателю и откликается его личному опыту, может быть очень эффективным инструментом.

Такой подход можно использовать для продвижения любого другого продукта или услуги: показать, каких целей они помогут достичь, и рассказать, что читателю нужно для этого сделать.

Команда
Николай Романов
Руководитель проекта
Евгения Тормошева
Женя
Руководитель проекта
Леся Кандаурова
Арт-директор
Оля Драгунова
Дизайнер
Елизавета Романова
Иллюстрации
Алексей Калиновский
Разработка
Сотрудничать

Напишите нам! Мы предложим решение для вашей задачи и подберем референсы

1 млн — с нуля до рабочего продукта. Финальная смета зависит от объема контента, сложности механик и формата

Заполните форму, чтобы мы смогли предложить решение для вашей задачи и точную смету

Форма отправлена!
Не удалось отправить форму, попробуйте ещё раз!