Спроектировали UХ и разработали дизайн «Цифровой Академии М.Видео—Эльдорадо»

Задача
Группа «М. Видео—Эльдорадо» постоянно обучает сотрудников и раньше для этого использовали разные сервисы и площадки. В какой-то момент их стало слишком много, готовые решения подходили не всем, и мотивация учиться падала. Чтобы решить проблему, обратились к компании Center-Game за единой платформой обучения, а нас подключили для дизайн-задач.

Продумали функционал, опираясь на результаты исследования

Использовали методологию Jobs to Be Done, чтобы найти все задачи (или «работы»), которые необходимо выполнять пользователям, и сделать платформу максимально удобной. Из этого родилось много полезных решений.
Например, для разработчиков курсов добавили возможность строить сложные системы образования: создавать программы, в которые входят курсы, в курс — модули, в модули — уроки, а в уроки — материалы. Для обучающихся сделали лёгкий поиск программы по тегам.
На основе «работ» прописали все сценарии, а затем разработали пути пользователей, которые легли в основу всего функционала и дизайн-макетов.
Проект академии разрабатывали по примеру развлекательных сервисов — Netflix, ivi, Кинопоиск. Мы предположили, что обучение конкурирует с отдыхом, поэтому портал должен быть приятным, знакомым и интерактивным, как любимые сайты. Эта гипотеза подтвердилась — пользователям понравилось такое решение.
Создали 5 версий айдентики и проверили их на сплит-тестах с десятками респондентов. Аудитория оценивала дизайн по шкалам ощущений и голосовала за самый стильный и современный. Финальный стиль получился технологичным, лёгким и чистым, как у Netflix, что также положительно влияет на восприятие обучения.
На втором этапе разработали новый фирменный стиль платформы
Готовую айдентику переложили на UI-кит — создали единую систему оформления для всех элементов портала.
Чтобы клиенты могли создавать курсы сами, соблюдая фирменный стиль, мы подготовили шаблоны документов и презентаций. Для темплейта в PowerPoint создали 100+ уникальных слайдов с разными элементами и вариантами их компоновки. Также разработали инструкцию, чтобы даже начинающий пользователь смог разобраться в программе и сделать красивую презентацию.
Шаблон состоит из 9 групп слайдов для любого назначения: титульные, текстовые, с иллюстрациями, диаграммами, мокапами и т. д.
ссылка на шаблоны
За несколько часов сверстали лендинг для бета-теста и запустили первых пользователей. Получили фидбэк и поняли, какой функционал оставить, а какой поменять. Так сэкономили время на большой разработке и теперь можем постепенно дизайнить новые функции, все время сверяясь с обратной связью от пользователей.
Проверили функциональность платформы на бета-тестировании
Запустили первую версию «Цифровой Академии»
Разработали современное дизайн-решение, которое понравилось посетителям портала.
03
Выстроили удобный путь пользователя и за счёт этого увеличили вовлеченность.
02
01
Выпустили рабочую версию портала всего за 4 месяца.
Работали над проектом
Проджект-менеджер
Иля Никитин
Игорь Спорынин
Дизайнеры
Дина Уфимцева
Партнёры
Center-Game
Костя Маслянников
Эля Насретдинова
Спроектировали платформу, которая позволяет запустить курс за пару кликов
Интерфейс конструктора курсов LERA
Подробнее
Разработали фирменный стиль, спроектировали платформу и подготовили промо-лендинг для Академии
Портал «Академии Красного Креста»
Подробнее
Давайте познакомимся и обсудим вашу задачу
Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.
Андрей
Business Development Manager
Или пишите напрямую Андрею:
Давайте познакомимся и обсудим вашу задачу
Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.
Андрей
Business Development Manager
Или пишите напрямую Андрею:
Страница
в разработке
Сейчас мы пишем для неё тексты, верстаем макеты и придумываем анимацию. Совсем скоро она станет доступна.