Продуктовый дизайн — Комплексный проект

Дизайн внутреннего обучения М.Видео—Эльдорадо под ключ

Совместно с компанией Center-Game сделали новую платформу для обучения офисных сотрудников — Цифровую Академию.
Задача

Создать образовательную платформу, которой захочется пользоваться

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

Провели дизайн-проектирование платформы под потребности людей

Использовали подход JTBD, чтобы платформа помогала пользователям и была интуитивно понятной. Попробовали разные варианты и проверили их на UX-тестах. По результатам выбрали финальный вариант пользовательского пути и интерфейса.

Придумали современный фирменный стиль

Чтобы изменить восприятие обучения, платформу сделали современной и стильной — как Нетфликс. Проводили сплит-тесты по цветовой гамме, логотипу и интерфейсу, чтобы точно попасть в аудиторию. Фирменный стиль сразу применили и к презентациям в обучении, и к видеороликам, и к самой платформе.
Собрали мудборд фирменного стиля по итогам исследований и общения с заказчиком. Это общее настроение будущей платформы.
Сделали 5 концептов, протестировали на людях и собрали обратную связь. Выбрали один вариант для проработки.
Перепробовали десятки вариантов логотипа в фирменном стиле М. Видео—Эльдорадо. После обратной связи сотрудников оставили строгий прямоугольный вариант.

Сделали шаблоны учебных материалов: презентаций, инфографик и видео

Часть курсов М. Видео—Эльдорадо делают сами. Чтобы поддерживать узнаваемость бренда «Цифровой Академии», подготовили шаблоны оформления материалов и гайды по их использованию. Так создаётся цельный образ продукта, который поддерживается на всех уровнях: от рассылок платформы до фона презентаций.
Большинство курсов — в видеоформате. Для них сделали шаблоны графики, а в гайде показали, как работать с ними в After Effects.

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

Спланировали итерации дизайна продукта и быстро собрали первую версию, чтобы сразу получить обратную связь. За несколько часов сверстали лендинг для бета-теста и запустили первых пользователей. Так сэкономили время на большой разработке и теперь можем постепенно дизайнить новые функции, всё время сверяясь с ценностью для людей.
Цифровую Академию запускают в несколько шагов. Сначала для маленькой группы тестеров, потом для сотрудников офиса, дальше.— для всей компании.
РЕЗУЛЬТАТ

Первый релиз Цифровой Академии

Задизайнили первую версию портала за 4 месяца и уже получаем позитивную обратную связь. Готовим к релизу следующую версию и постоянно улучшаем продукт.
Команда проекта
Проджект менеджер
ИЛЬЯ
Следил за сроками и общался по организационным вопросам
КОСТЯ
Продуктовый дизайнер
Спроектировал образ решения, пользовательский путь и интерфейс
Разработала концепцию и фирменный стиль проекта
САША
Арт-лид
Графический дизайнер
ДИНА
Разработала шаблоны для презентаций и инструкции по их использованию
Помогал с видением продукта и активно участвовал в разработке на всех этапах
Генеральный заказчик
АРТУР
Заказчик
CENTER-GAME
Вели разработку и ИТ-часть, проводили исследования
Доработала нюансы интерфейса и сделала обновлённые макеты
ЭЛЯ
Веб-дизайнер
Подготовил шаблоны графических элементов для видеокурсов
ИГОРЬ
Моушн-дизайнер
Опишите свою задачу
Мы напишем или позвоним, чтобы узнать больше о вашей задаче и договориться об интервью. Если у вас остались вопросы — ответим подробно.