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

Задача

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

Мы начали разработку фирменного стиля для платформы. Базовый цвет — тёмный, так как это лучший цвет для презентации видео. Ещё это привычная цветовая схема развлекательного контента: стримингов и игровых платформа. По нашей задумке он должен подчёркнуть качество знаний, которые есть на платформе. А с помощью акцентного цвета мы сможем управлять вниманием пользователя на сайте. Акцентным цветом мог быть синий, привычный красный или даже золотой, но более спокойный, чем на первом сайте.

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

Согласовали общий вижн с заказчиком. Утверждённые блоки и элементы взяли в доработку и пробовали разные варианты композиции, цветов, акцентов. Таким образом нашли самые эффектные и удобные для пользователей.

Применили edutaiment-подход в UX, чтобы сайт ассоциировался с обучением, а не просто с развлекательным контентом

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

Главная ценность платформы — спикеры-мастера и их знания. Поэтому в структуре делаем акцент на контент: профили спикеров, видео, эффектную графику.

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

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

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

«Карточки спикера» стали успешным маркетинговым продуктом. Их покупают, на них снимают обзоры. Но главное — они идеально передают подход бюро к выступлениям

Работали над проектом

Подробнее

Подробнее

Давайте познакомимся и обсудим вашу задачу

Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.

Давайте познакомимся и обсудим вашу задачу

Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.