Финзачет 2024: новый дизайн и больше 2 миллионов участников
В прошлом году с визуальной составляющей мы работали меньше, зато провели много внутренних работ: адаптировали сайт для слабовидящих, усовершенствовали механику тестирования, внедрили изменения в UX, разработали интерактивные вопросы для детей. В этом году:
- поменяли дизайн и иллюстрации;
- разработали механику адаптации набора вопросов под жизненные ситуации;
- увеличили количество заданий для Олимпиадного зачета ВШЭ и продлили конкурс с одного до трех дней.
Теперь обо всем по порядку.
Новый дизайн и изменения в UX
В дизайне немного изменилось цветовое решение, кодирование, появились новые шрифты и иллюстрации.
Основной задачей стало сохранение охвата аудитории, которая будет проходить зачет, и адаптация под разные группы: от малышей до пенсионеров.
Для этого мы разработали новую механику зачета, затрагивающую то, как формируются наборы вопросов. Изменилась форма подведения итогов — это тоже нужно было учесть при редизайне. При этом мы хотели сохранить преемственность в визуальном решении и стилистике сайта, чтобы он оставался узнаваемым.
Основные цвета изменились незначительно, а элементы интерфейса стали крупнее, чтобы людям постарше было легче с ним взаимодействовать. Еще мы упростили навигацию и отказались от слишком ярких акцентов — так проходить зачет комфортнее. Благодаря смягчению шрифтов и увеличению отступов сайт стал более воздушным.
Обновили все иллюстрации, как если бы они были нарисованы вручную. Теперь визуалы выглядят более живыми и теплыми. Дизайнерам с ними тоже проще и быстрее работать: редактировать, совмещать друг с другом.
Обновили все иллюстрации, как если бы они были нарисованы вручную. Теперь визуалы выглядят более живыми и теплыми. Дизайнерам с ними тоже проще и быстрее работать: редактировать, совмещать друг с другом.
Главная страница
Создали три варианта главной: для личного зачета, семейного и олимпиадного. Переключиться между вариантами можно с помощью кнопок в хедере.
Также на главной странице переработали экраны: добавили экран с информацией о самом зачете, кому и чем он может быть интересен.
Там же добавили возможность выбрать, кто будет проходить зачет: взрослый или ребенок. В зависимости от этого адаптируется ценностное предложение зачета и, соответственно, следующий экран: взрослые видят жизненные ситуации, дети — конкретные темы с учетом их возраста.
Жизненные ситуации
В предыдущие годы вопросы для участников зачета от 18 до 60 лет формировались в случайном порядке. Все люди этих возрастов считались единой категорией «взрослых». Но все же учащиеся вузов — это не вполне взрослые люди, многие из них все еще опираются на помощь родителей и не имеют постоянного дохода или серьезных обязательств вроде ипотеки или кредитов. Поэтому в 2023 году Банк России решил выделить отдельную группу студентов и разработал задания, адаптированные под их интересы.
В 2024 году мы с командой Банка пошли дальше: чтобы сделать зачет полезнее, дали возможность участникам выбрать три наиболее подходящие для них жизненные ситуации. В зависимости от выбора формируется пул вопросов.
Благодаря этому 18-летнему студенту не придется отвечать на вопросы об ипотеке, а человеку, который задумывается об открытии собственного бизнеса, достанутся задания по интересующей его теме.
Под каждую ситуацию отрисовали детальные «живые» иллюстрации. Если навести на карточку, картинка изменится: сначала покажется сама жизненная ситуация, при ховере — ее успешное разрешение.
Зачет для младшеклассников
Вопросы для младшей школы появились в 2022 году. Тогда зачет начали проходить ученики 3-4 классов, в 2023 году к ним присоединились дети помладше — 1-2 класс. Для них мы разработали интерактивные задания: комиксы, раскраски и иллюстрации с добавлением drag-and-drop взаимодействия.
В этом году интерактив остался, но изменился подход: теперь все вопросы для малышей связаны одним сеттингом — так им проще воспринимать информацию.
Вместе с командой космического корабля они попадают на неизвестную планету. Им нужно помочь команде починить сломанного робота, без которого не получится отправиться в путешествие.
Для этого ребята выполняют задания и зарабатывают баллы: сортируют вторсырье за деньги, избегают ловушек мошенников, определяют необязательные и обязательные расходы.
Особое внимание мы уделили иллюстрациям детского зачета: они упрощают восприятие и выглядят совсем как из мультфильма.
И маленькая техническая деталь: всю часть для младшей школы мы разрабатывали на React c Redux.
Так как для большинства вопросов используются картинки, нужно было оптимизировать загрузку. Поэтому компоненты для мобильной и десктопной версии разделены: нужный скрипт подгружается при открытии страницы в зависимости от размера экрана.
Олимпиадный зачет с ВШЭ
В прошлом году на площадке Финзачета впервые прошел Олимпиадный зачёт для школьников с 5 по 11 класс от Банка России и ВШЭ. В этом году конкурс провели снова, увеличив сроки с одного до трех дней.
А чтобы все было честно, доработали выдачу: для каждого дня подготовили свою группу вопросов, которые не повторялись в других днях.
Для Олимпиадного зачета переработали дизайн в соответствии с общей концепцией. Так же, как и на главной странице, добавили темы: накопления, инвестиции и так далее.
Новые шеринги и сертификаты
В конце зачета на экран выводятся результаты участника. Можно стать звездой финансового рынка, победителем импульсивных трат, или автором канала «Кто хочет стать финдиром».
Вариантов шерингов, которые могли выпасть в зависимости от типа зачета, пола, количества баллов, было около 10 штук. Под каждый создавался свой нейминг, отрисовывались персонажи, чтобы результатами хотелось поделиться в социальных сетях.
Пользователи могли посмотреть, как они отвечали, прочитать разъяснения к верным ответам и получить ссылки на полезные статьи по теме на Финкульте.
Ученики старших классов, колледжа или вузов в конце дополнительно получали еще и ссылку на Финтрек — цикл вебинаров для студентов от экспертов финансового рынка, представителей Банка России и крупных компаний.
Результатами можно поделиться в соцсетях, либо же отправить их себе на почту.
Что внутри
В первую неделю зачета суточная посещаемость достигла 150 000 человек, во вторую неделю в среднем на ресурсе было зафиксировано 280 000 — 350 000 пользователей в день. Часовая загрузка составила около 27 000. В прошлые годы этот показатель составлял порядка 200 000 посещений в сутки и 20 000 посещений в час.
Чтобы сайт был готов к высоким нагрузкам, мы используем методологию 12-факторов и балансировщики нагрузки, которые распределяют пользовательский трафик по пулу бэкендов. Когда количество запросов возрастает, система автоматически масштабируется за счет добавления новых серверов.
Подробнее о технической составляющей проекта — в этом материале.
Немного статистики
В 2024 в личном зачете приняли участие 1,8 млн человек, 85 тысяч семей прошли семейный зачет и 19,5 тысяч школьников — Олимпиадный зачет от ВШЭ. Одна семья — это 4,5 человека.
2023: зачет прошло 1,9 млн человек.
2024: зачет прошло 2,16 млн человек
Самыми активными сегментами по-прежнему остаются подростки и старшие школьники: больше 650 000 человек в возрасте от 14 до 17 лет приняли участие в зачете 2024 года, это самая массовая аудитория. А самыми грамотными оказались младшие школьники: 78% из них успешно сдают зачет с первого раза.
В топ рейтинга жизненных ситуаций, которые выбирали взрослые от 18 до 60 лет, вышли накопления, повышение финансовой грамотности и ловушки мошенников.
Самыми сложными оказались вопросы про пенсионные накопления, инвестиции, квартирный вопрос и открытие собственного дела.
Лидером зачета в этом году стала Рязанская область: там живут самые активные, грамотные и «семейные» участники.
Несмотря на то, что с Финзачетом мы работаем уже не первый год, каждый новый запуск — полноценный проект для команды. В этом году работу мы начали проводить подготовительную работу еще в конце мая, расширили команду фронтенд-разработчиков, подключили двух менеджеров, чтобы грамотно распределить нагрузку и организовать процессы. Однако основная работа приходится на последние два месяца перед запуском. И каждый год мы заранее организуем команду и бронируем ресурсы, чтобы успеть запустить Финзачет в срок.
Команда
Марина Заботина — аккаунт-директор
Николай Емеличев — менеджер проекта
Максим Григорьев — UX/UI-дизайнер
Владислав Климанов — тимлид проекта (backend)
Даниил Лихачев — backend-разработчик
Тимофей Устьянцев — тимлид проекта (frontend)
Андрей Корнев — frontend-разработчик
Кирилл Авдонин — frontend-разработчик
Владислав Голодников — QA-лид проекта
Никита Жилин — QA
Марина Балашова — копирайтер
Сергей Ящук — аналитик
Диана Мирзиярова — аналитик
Павел Квасов — руководитель отдела контента
Дина Цуренкова — контент-менеджер
Где нас найти
Наш тг-канал: @daleedigital. Тут бывают новости, полезности для работы, вакансии и другой диджитал-движ.
Сайт: dalee.ru