Создание сайта для всероссийского зачета по финансовой грамотности от Банка России

Главное о кейсе

Банк России 7 лет подряд проводит массовый зачет по финансовой грамотности для россиян — Финзачет. Нашей задачей было создать официальный сайт Финзачета.

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

Для вопросов тоже использовалась разная стилистика — например, младшим школьникам скучно отвечать на вопросы, поэтому мы разработали для них интерактивные механики.

В итоге, в 2024 году «Финзачет» прошло 2,1 млн человек.

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

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

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

Крафт (мастерство), реализация, технические детали

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Текущая доступность работы

http://trunk.finzachet.cbr.23.dev.dalee.ru/ (доступы: 1 / wwwqqqwwq)

Скриншоты