ProDesign — фирменный кабинет школы веб-дизайна
Три учебных продукта — один цельный опыт.
Услуги по теме:Разработка онлайн-школ под ключОформление и настройка GetCourseРедизайн и переработка сайтов
- Клиент
- ProDesign, школа веб-дизайна
- Сфера
- Онлайн-образование
- Объём
- Дизайн-система кабинета ученика
- Платформа
- GetCourse
- Роль
- Дизайн + сборка в конструкторе
Объём проекта:3 учебных продукта в одной системе11 экранов кабинета в этом кейсе2 версии каждого экрана: десктоп и мобайл
Что было сломано
Внутри одной технической платформы жили три разных продукта: двухмесячный основной курс, недельный интенсив и бесплатный вводный трек. Стандартный интерфейс GetCourse делал их неотличимыми — друг от друга и от тысяч чужих школ, а студенту не всегда было понятно, где он находится и что делать дальше.
Рамки
- Студент всегда понимает, где он и что дальше
- Три продукта различимы, но в одном бренде
- Мобильная версия спроектирована, а не ужата
- Всё в пределах конструктора — нечему ломаться при обновлениях платформы
Новый интерфейс обучения
Три продукта выглядели одинаково.
Единая визуальная система с вариациями: каждый продукт узнаваем с одного взгляда, но явно принадлежит школе.
Студент терялся в плоском списке уроков.
Навигация построена вокруг таймлайна и состояний урока — пройдено, текущее, впереди, домашнее задание, — следующее действие всегда на виду.
Мобильный вид конструктора по умолчанию разваливал вёрстку.
Мобильная версия собрана отдельно — вплоть до каждого экрана урока.
Ключевые решения
Таймлайн вместо списка
Прогресс и есть навигация.
Состояния уроков
Пройденное, текущее и закрытое различимы с одного взгляда.
Отдельная мобильная сборка
Вместо ужатого десктопного интерфейса.
Дизайн в пределах платформы
Без внешних хаков, которые ломаются при обновлении GetCourse.
Было → стало
- Стандартный интерфейс платформы
- Три неотличимых продукта
- Плоский список уроков без прогресса
- Фирменный кабинет ученика
- Узнаваемые продукты в одном бренде
- Таймлайн с прогрессом и понятным следующим шагом
Экраны проекта
Результат в цифрах
Оценки помечены отдельно и посчитаны по изменению пользовательского сценария, а не из аналитики клиента.
После
GetCourse перестал ощущаться как сторонняя платформа и стал частью образовательного продукта школы.
Клиент не раскрывает аналитику по конверсии, поэтому результат описан качественно — без выдуманных цифр.
Есть похожая задача?
Расскажите о проекте — предложу подходящий вариант реализации, платформу и срок.
Обсудить проект