Катя Расторгуева
Личный кабинет Новой Школы на ноутбуке

Новая Школа

thenewschool.ru

Product Design, UX/UI, Adaptive web, B2C, EdTech, 2024

Контекст

Онлайн-школа подготовки к ЕГЭ и ОГЭ с собственной образовательной платформой аудиторией в 2 млн+ пользователей.

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

Цель

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

Личный кабинет ученика

Процесс

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

  • Левая колонка собирает всё, что относится к статусу ученика на платформе;
  • В центре находится основная информация по обучению и продуктивности;
  • Правая колонка отведена под информационные блоки о дополнительных возможностях платформы.

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

Результат

Главная страница объединила на одном экране ключевую информацию для удобного обучения ученика.

Личный кабинет родителя

Процесс

Родитель получает доступ к успеваемости ученика по ссылке из его личного кабинета. Главная страница выстроена в три смысловые части, каждая из которых показывает родителю процесс обучения ребенка:

  • Верхний блок собирает информацию об ученике и его статусе на платформе;
  • В центре находится динамика подготовки к экзаменам;
  • Нижний блок отведён под успеваемость по заданиям тренажёра.

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

Результат

Главная страница объединила на одном экране ключевую для родителя информацию о прогрессе обучения ребенка.

Email скопирован