Pensia.ru: лендинг и квиз о пенсионных инвестициях

Pensia.ru — цифровая платформа для планирования пенсионных накоплений, которая впервые в пенсионной тематике сочетает игровой формат и детализированную аналитику.

Главная цель проекта — повысить уровень жизни на пенсии, предоставив пользователю соответствующий практический инструментарий. Pensia.ru — самодостаточный механизм, который поможет пользователям не только спланировать, но и реализовать комфортное будущее.

Нашей задачей стало создание платформы с уникальным и запоминающимся стилем, которая:

1. Поможет пользователям осознать реальное положение дел с их государственными пенсиями.

2. Обеспечит персонализированные рекомендации по самостоятельному созданию комфортной пенсии.

3. Удовлетворит потребности нескольких целевых аудиторий:

- Людей 35+, которые начинают задумываться о пенсии.

- Молодежи от 18 до 35 лет, которая пока не думает о пенсионных накоплениях.

- Финансовых операторов, предоставляющих продукты для обеспечения пенсии.

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

Платформа реализована в виде квеста, который содержит пять последовательных шагов:

1. узнать и смоделировать размер своей комфортной пенсии;

2. понять реальную сумму государственной пенсии;

3. настроить удобную схему инвестирования;

4. подобрать подходящий финансовый продукт для обеспечения пенсии;

5. выбрать надежную финансовую организацию для создания пенсионного капитала.

Задачей команды Red Collar стало сделать этот путь интересным и захватывающим для пользователя, не упустив важные этапы, и продумать дизайн так, чтобы пользователи прошли анкету до конца.

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

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

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

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

Дизайн-концепция наследует идею сделать сложное простым и понятным. Нашли баланс между использованием темного интерфейса с 3D-иллюстрациями с одной стороны и продуманной логикой шагов, сложными таблицами и графиками — с другой. Визуальное сопровождение нацелено помочь пользователю справиться с когнитивной и информационной нагрузкой в процессе заполнения анкеты.

Коридорное тестирование показало, что старшая аудитория (40+) предпочтет строгий и понятный дизайн без игровых элементов, в то время как молодежь положительно оценивает геймификацию и креатив. Баланс между этими подходами стал одной из ключевых задач для дизайнеров проекта.

Из-за сложной темы, новых терминов и многослойности, мы поняли, что пользователю нужна будет помощь в заполнении анкеты. Так появился дружелюбный Иннопенсий — личный помощник в виде абстрактной сферы. Он умышленно нейтрален, чтобы не отпугнуть ни один из сегментов целевой аудитории. Сфера меняет цвет в зависимости от ответов пользователя — так взаимодействие становится персонализированным и ненавязчивым.

Быстрая загрузка и адаптивность обеспечиваются React и Next.js на фронтенде.

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

Подключение большого объема данных (коэффициенты по регионам, инфляция, цены на товары, налоговые ставки, ставки доходности, уровень пенсий и индексаций) требовало тщательной проработки архитектуры проекта. Мы упростили процесс интеграции, создав универсальный инструмент для загрузки данных. Данные для расчетов необходимого дохода по результатам ответов подгружаются через json из открытых официальных источников — например, из данных Федеральной службы государственной статистики

Разработали сайт с продуманной логикой расчётов и структурой, чтобы подача информации была одинаково понятна разным группам пользователей.

Реализовали требования клиента к методологии расчётов, которые учитывают, в том числе, инфляцию, возраст, регион проживания и образ жизни.

Проработали сторителлинг главной страницы для понятной презентации сути проекта.

Внедрили визуальный стиль, который сбалансировал серьезность вопроса для старшей аудитории и интерактивность для молодежи.