Sonaturum
РУС ENG
← Назад к работам
Education Portal Role Model Admin Panel Online Learning

Advance Education

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

Задача №1

Осовременить существующий сайт Advance: сделать сильнее фирменный фиолетовый акцент, улучшить адаптивность и сохранить понятную структуру подачи информации

Финальный адаптивный редизайн сайта Advance Education
Feedback

Взгляд со стороны

Портрет Ольги, пользователя Advance Education
Ольга Маркетолог 42 года, Санкт-Петербург

Хотелось бы

Чтобы сайт выглядел живее и современнее, но я всё равно быстро понимал, какие есть курсы, кому они подходят и куда нажать дальше.

Мне не нравится

Когда после редизайна всё становится красивым, но теряется логика. В образовательном сайте важно не спрятать смысл за графикой.

Objectives and results

Цели и результат

В этом кейсе важно было показать не только финальный визуал, но и принцип: существующую структуру можно усилить цветом, ритмом и адаптивной сеткой без полной перестройки продукта.

Сохранил информационный маршрут

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

Усилил фирменные цвета

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

Собрал адаптивную систему

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

Ключевые решения

  • Оставить исходную логику блоков, но сделать их визуально более самостоятельными
  • Использовать фирменный градиент как главный носитель характера, а не как случайный фон
  • Проверить, чтобы desktop, tablet и mobile выглядели как одна система, а не как разные версии сайта
Задача №2

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

Данные обезличены

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

Учебный центр Advance Education со списком курсов на desktop и mobile
Учебный центр Advance Education: экран курса и раздела на desktop и mobile
Письмо приветствия Advance Education Platform для создания пароля

Рабочая среда методиста Конструктор курсов

Менеджер: редактирование раздела курса с контентными блоками
Feedback

Взгляд изнутри

Портрет Николая, представителя команды Advance Education
Николай Менеджер онлайн курсов 45 лет, Санкт-Петербург

Что мешает

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

Что нужно

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

Портал администратора: разделы студентов, администрирования и учебной части
  • У каждой роли был свой набор обходных путей. Администраторы, менеджеры, кураторы и методисты тащили процесс на таблицах, переписках и ручных проверках
Куратор: формы создания группы, выбора наставника и создания задачи

Интерактивные тренажёры Настройка упражнения Шульте

Кураторский модуль: экран настройки упражнения Таблица Шульте
  • Курсами было сложно управлять без нервов: не хватало цельной дизайн-системы, понятного редактора и связки между упражнениями, материалами и системными данными
Учебный центр: экран завершения упражнения с содержанием секции

Цели и результат

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

Реализовал

  • переработал информационную архитектуру
  • спроектировал ролевые интерфейсы
  • унифицировал навигацию
  • создал библиотеку компонентов
  • оптимизировал пользовательские сценарии
  • разработал адаптивный интерфейс

Результат

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