сберкласс

дизайн сайта образовательной платформы

12.2021

«СберКласс» — это мобильное учебное пособие, интерактивный помощник и средство для реализации авторских методических замыслов учителя.

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

перед нами стояла задача объединить всех участников со стороны сбера, создать новую дизайн-концепцию и сделать релиз к 1 сентября — за две рабочих недели.

цели и задачи

задачей на первом этапе была разработка ТЗ, а далее — создание в сжатые сроки главной страницы сайта платформы в формате лендинга с позиционированием платформы:

разработка новой дизайн-концепции и макета главной страницы лендинга;
авторский контроль за процессом внедрения дизайна;
разработка рекомендации по наполнению сайта контентом;
верстка главной страницы сайта.

совместно выстроили сторителлинг, показали платформу и разрушили мифы через отображение фактов о платформе и блока с вопросами и ответами.

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

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

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