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

сайт

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

кастдев и исследования

дизайн и проектирование

средняя конверсия в регистрацию

20%

средняя доходимость до конца

87%

Задача

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

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

Ссылка на исследование

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

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

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

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

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

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

Посмотреть брендбук

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

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

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

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

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

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

Запустили первую версию «Цифровой Академии»

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

03

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

02

01

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

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

РСВ, «Начни игру»

Марьям

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

Привлеченные эксперты

Арт-директор

Саша Свердловская

Игорь Спорынин

Дизайнеры

Илья Миронов

Аккаунты

Андрей Пилипцов

Вера величко

Привлеченные эксперты

Вера величко

Арт-директор

Саша Свердловская

Игорь Спорынин

Дизайнеры

Илья Миронов

Аккаунты

Андрей Пилипцов

Атлас профессий Сбера и НИУ ВШЭ

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

Онлайн-конференция для проекта «Россия — страна возможностей»

Онлайн-конференция Ростелеком

Разработали дерзкую концепцию и спроектировали портал для IT-конференции.

Посмотреть все кейсы

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

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

+7 (916) 454 45 45

info@tetraform.ru

Или пишите, звоните напрямую:

BDM

Андрей