Задача

Главная задача — разработать сайт для Всероссийского онлайн-зачета по финансовой грамотности 2023.

Каждый год Банк России и Агентство стратегических инициатив проводят Всероссийский онлайн-зачет по финансовой грамотности. В 2023 году проект запустили в шестой раз. В него вошли Личный и Семейный зачеты, а также впервые проводился Олимпиадный день в коллаборации с Высшей школой экономики. По его результатам школьники могли попасть в финал Всероссийской олимпиады ВШЭ «Высшая проба» и поступить в вуз.

Что нужно было сделать:

- Обновить UI/UX дизайн, но сохранить узнаваемый стиль Финзачета;

- Разработать логику прохождения и интерфейс Олимпиадного дня ВШЭ;

- Адаптировать интерфейс Зачета для участников с особенностями здоровья;

- Сохранить отказоустойчивость сайта, чтобы он не терял функциональность во время наплыва участников.

Решение

Собрали бизнес-требования и продумали логику Олимпиадного дня

Формат Олимпиадного дня сильно отличался от традиционного. Школьники допускались до него после успешной сдачи Личного зачета. За одну попытку нужно было верно решить все задания — тогда участник попадал в финал «Высшей пробы». Мы проанализировали путь участника Олимпиадного дня, сформировали техзадание для команды разработки и описали функциональность.

Разработали интерфейс для Олимпиадного зачета

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

Обновили UI/UX дизайн

У Финзачета 2023 были новые иллюстрации и персонажи. В UX мы добавили детали для удобства участников: кнопки для скачивания сертификатов в личном кабинете, прогресс-бар для процесса прохождения, возможность отвечать на вопросы в любом порядке.

Нарисовали комиксы с вопросами для младших школьников

Чтобы показать, что изучение финансов — это не скучно, мы использовали яркие кастомные иллюстрации в вопросах школьников для 1-2 и 3-4 классов. В интерактивных вопросах нужно было выбрать продолжение комикса или распределить иконки по конвертам. Задания напоминали игру, чтобы вызвать у ребенка интерес и мотивировать пройти Зачет.

Адаптировали зачет для незрячих пользователей

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

Подготовили сайт к нагрузкам до 150 000 участников одновременно

Для этого использовали методологию 12-факторного приложения и балансировщики нагрузки, а также SPA с CDN и кешированием. CDN и кэширование позволили снизить нагрузку на бекенд и повысить отказоустойчивость сайта.

Результат

Число участников Финзачета 2023 — 1 905 800 человек (личный и семейный). По сравнению с 2022 годом цифра выросла на 400 тысяч, а по сравнению с 2021 годом — в три раза.

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