Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
ДАЛЕЕ
Разработка сайта Всероссийского онлайн-зачета по финансовой грамотности 2023
ДАЛЕЕ
WDA
2024
#Сайт под ключ#Иллюстрации

Разработка сайта Всероссийского онлайн-зачета по финансовой грамотности 2023

2543 
ДАЛЕЕ
ДАЛЕЕ Россия, Москва
Поделиться:
Разработка сайта Всероссийского онлайн-зачета по финансовой грамотности 2023
Клиент

Центральный Банк Российской Федерации

Сфера

Обучение

Регион

Россия

Тип сайта

Порталы и сервисы

Сдано

Декабрь 2023

Задача

Главная задача — разработать сайт для Всероссийского онлайн-зачета по финансовой грамотности 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 годом — в три раза.

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

https://finzachet.ru/

Стек технологий

  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • Laravel Laravel Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека

Награды


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

Хотите заказать похожий проект?

ДАЛЕЕ с удовольствием обсудит вашу задачу

Оставить заявку