Дизайн Цифровой Академии М.Видео

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

Задача

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

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

веб-платформы, приложения

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

Использовали методологию Jobs to Be Done, чтобы найти все задачи (или «работы»), которые необходимо выполнять пользователям, и сделать платформу максимально удобной. Из этого родилось много полезных решений.

На основе «работ» прописали все сценарии, а затем разработали пути пользователей, которые легли в основу всего функционала и дизайн-макетов.

Проект академии разрабатывали по примеру развлекательных сервисов — Netflix, ivi, Кинопоиск. Мы предположили, что обучение конкурирует с отдыхом, поэтому портал должен быть приятным, знакомым и интерактивным, как любимые сайты. Эта гипотеза подтвердилась — пользователям понравилось такое решение.

Создали 5 версий айдентики и проверили их на сплит-тестах с десятками респондентов. Аудитория оценивала дизайн по шкалам ощущений и голосовала за самый стильный и современный. Финальный стиль получился технологичным, лёгким и чистым, как у Netflix, что также положительно влияет на восприятие обучения.

На втором этапе разработали новый фирменный стиль платформы

брендинг и фирменный стиль

Готовую айдентику переложили на UI-кит — создали единую систему оформления для всех элементов портала.

Чтобы клиенты могли создавать курсы сами, соблюдая фирменный стиль, мы подготовили шаблоны документов и презентаций. Для темплейта в PowerPoint создали 100+ уникальных слайдов с разными элементами и вариантами их компоновки. Также разработали инструкцию, чтобы даже начинающий пользователь смог разобраться в программе и сделать красивую презентацию.

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

ссылка на шаблоны

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

Проверили функциональность платформы на бета-тестировании