Кейс

«Цифровая Академия» М.Видео—Эльдорадо

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

О проекте

«Цифровая академия» — это среда обучения для сотрудников «М.Видео—Эльдорадо»

В ней есть персонализированные треки развития и программы обучения под задачу. Сейчас платформа проходит закрытое бета-тестирование.

Задача

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

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

Артур, руководитель отдела технологии обучения

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

Саша, руководитель продакшена и co-founder

Кажется, тут можно построить всю дизайн-систему обучения: от платформы до шаблонов презентаций. Нравится такое!

Решение

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

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

стилистика

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

Чтобы изменить восприятие обучения, платформу сделали современной и стильной — как Netflix. Проводили сплит-тесты по цветовой гамме, логотипу и интерфейсу, чтобы точно попасть в аудиторию. Фирменный стиль сразу применили и к презентациям в обучении, и к видеороликам, и к самой платформе.

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

Сделали 5 концептов, протестировали на людях и собрали обратную связь. Выбрали один вариант для проработки.

Перепробовали десятки вариантов логотипа 
в фирменном стиле «М. Видео—Эльдорадо». После обратной связи сотрудников оставили строгий прямоугольный вариант.

носители

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

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

Большинство курсов — в видеоформате. Для них сделали шаблоны графики, а в гайде показали, как работать с ними в After Effects.

тестирование

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

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

Цифровую Академию запускают в несколько шагов. Сначала для маленькой группы тестеров, потом 
для сотрудников офиса, дальше — для всей компании.

Результат

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

Задизайнили первую версию портала за 4 месяца и уже получаем позитивную обратную связь. Готовим к релизу следующую версию и постоянно улучшаем продукт.

01

Выпустили рабочую версию портала
всего за 4 месяца

02

Выстроили удобный путь пользователя и за счет этого увеличили вовлеченность   

03

Разработали современное дизайн-решение, которое понравилось пользователям портала

Главный экран портала «Цифровой Академии»

Промостраница, приглашающая сотрудников принять участие в бета-тестировании платформы

Дизайн экрана одной из обучающих программ «Цифровой Академии»

Команда

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

Саша, co founder

Разработала концепцию и фирменный стиль проекта

Дина, graphic designer

Разработала шаблоны для презентаций и инструкции по их использованию

Костя, product designer

Спроектировал образ решения, пользовательский путь и интерфейс

Игорь, UI&Motion designer

Подготовил шаблоны графических элементов для видеокурсов

Илья, project manager

Следил за сроками и общался по организационным вопросам

Эля, web designer

Доработала нюансы интерфейса и сделала обновлённые макеты

Саша, co-founder

Разработала концепцию и фирменный стиль проекта

Дина, графический дизайнер

Разработала шаблоны для презентаций и инструкции по их использованию

Костя, product designer

Спроектировал образ решения, пользовательский путь и интерфейс

Игорь, UI&motion-designer

Подготовил шаблоны графических элементов для видеокурсов

Илья, project-manager

Следил за сроками и общался по организационным вопросам

Эля, web-designer

Доработала нюансы интерфейса и сделала обновлённые макеты

форма связи

Расскажите о вашей задаче

Расскажите о вашей задаче

Получили вашу заявку!

Наш менеджер скоро напишет или позвонит, чтобы обсудить детали. А пока вы можете почитать полезные посты в наших соцсетях
Oops! Something went wrong while submitting the form.

01

Свяжемся с вами, чтобы договориться об онлайн-встрече

02

После встречи предложим решение и оценим состав работ

03

После утверждения подпишем договор и начнем работу

Делимся новыми кейсами и полезными статьями в письмах
Получили вашу заявку!
Oops! Something went wrong while submitting the form.

*нажимая на кнопку, вы соглашаетесь c политикой конфиденциальности и разрешаете обрабатывать персональные данные

© 2018-2022 Tetraform. All right resrved.

Подпишитесь на нас, чтобы не потерять

Расскажите о вашей задаче

Получили вашу заявку!

Наш менеджер скоро напишет или позвонит, чтобы обсудить детали. А пока вы можете почитать полезные посты в наших соцсетях
Oops! Something went wrong while submitting the form.