Образовательная плаформа для проекта «Уроки легенд»

Главное о кейсе

«Уроки Легенд» — это платформа, на которой собраны онлайн-курсы по самым разным направлениям саморазвития и творчества. Все курсы ведут медийные персоны: признанные актеры, музыканты, продюсеры, журналисты, блогеры, дизайнеры и бизнесмены. У проекта уже был сайт, но его дизайн отталкивал целевую аудиторию «кричащей дороговизной». Нашей задачей было сделать интерфейс более привлекающим и настраивающим на обучение.

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

Разработали для сайта новую современную стилистику, которая ассоциируется с любимыми медиасервисами.
Ранний дизайн сайта не нравился заказчику из-за кричащей дороговизны — в плохом смысле слова. В основном такое ощущение создавали золотые акценты и устаревшие элементы композиции. Хотелось, чтобы сервис стал похожим на современные медиа: Netflix, «Мастеркласс» или Steam.
Мы начали разработку фирменного стиля для платформы. Базовый цвет — тёмный, так как это лучший цвет для презентации видео. Ещё это привычная цветовая схема развлекательного контента: стримингов и игровых платформа. По нашей задумке он должен подчёркнуть качество знаний, которые есть на платформе. А с помощью акцентного цвета мы сможем управлять вниманием пользователя на сайте. Акцентным цветом мог быть синий, привычный красный или даже золотой, но более спокойный, чем на первом сайте.
Основную типографику выстроили с помощью наборных шрифтов. Работая с контрастами и композицией, создали стильный и современный дизайн сайта.
Согласовали общий вижн с заказчиком. Утверждённые блоки и элементы взяли в доработку и пробовали разные варианты композиции, цветов, акцентов. Таким образом нашли самые эффектные и удобные для пользователей.

Крафт (мастерство), реализация, технические детали

Применили edutaiment-подход в UX, чтобы сайт ассоциировался с обучением, а не просто с развлекательным контентом.
Фестиваль должен был быть масштабным: 5 дней, 8 треков, 200+ мероприятий. Даже зритель, который пришел на конкретную лекцию, мог запутаться в интерфейсе. Поэтому мы спроектировали путь пользователя так, чтобы участникам могли легко ориентироваться в программе и сохранять мероприятия в Google-календарь.
Главная ценность платформы — спикеры-мастера и их знания. Поэтому в структуре делаем акцент на контент: профили спикеров, видео, эффектную графику.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Создали дизайн образовательной платформы для проекта «Уроки Легенд».
– Новый сайт ассоциируется с современными медиасервисами и привлекает внимание пользователей.
– Детальные гайды по дизайн-системе и работе с фотографиями до сих пор помогают команде заказчика развивать платформу в единой стилистике.
– Детальные гайды по дизайн-системе и работе с фотографиями помогают развивать платформу в единой стилистике.

Скриншоты