To main content
Продукты
Сайты, лендинги, порталы
Веб-платформы и мобильные приложения
Брендинг и фирменный стиль
Спецпроекты
Кейсы
О команде
Блог
Оставить заявку
Продукты
Сайты, лендинги, порталы
Веб-платформы и мобильные приложения
Брендинг и фирменный стиль
Спецпроекты
Кейсы
О команде
Блог
Оставить заявку
Спроектировали UХ и разработали дизайн «Цифровой Академии М.Видео—Эльдорадо»
сайты, лендинги, порталы
брендинг и фирменный стиль
веб-платформы, приложения
кастдев и исследования
Группа «М. Видео—Эльдорадо» постоянно обучает сотрудников и раньше для этого использовали разные сервисы и площадки. В какой-то момент их стало слишком много, готовые решения подходили не всем, и мотивация учиться падала. Чтобы решить проблему, обратились к компании Center-Game за единой платформой обучения, а нас подключили для дизайн-задач.
Задача
Продумали функционал, опираясь
на результаты исследования
веб-платформы, приложения
Использовали методологию Jobs to Be Done, чтобы найти все задачи (или «работы»), которые необходимо выполнять пользователям, и сделать платформу максимально удобной. Из этого родилось много полезных решений.
Например, для разработчиков курсов добавили возможность строить сложные системы образования: создавать программы, в которые входят курсы, в курс — модули, в модули — уроки, а в уроки — материалы. Для обучающихся сделали лёгкий поиск программы по тегам.
На основе «работ» прописали все сценарии, а затем разработали пути пользователей, которые легли в основу всего функционала и дизайн-макетов.
Проект академии разрабатывали по примеру развлекательных сервисов — Netflix, ivi, Кинопоиск. Мы предположили, что обучение конкурирует с отдыхом, поэтому портал должен быть приятным, знакомым и интерактивным, как любимые сайты. Эта гипотеза подтвердилась — пользователям понравилось такое решение.
брендинг и фирменный стиль
Создали 5 версий айдентики и проверили их на сплит-тестах с десятками респондентов. Аудитория оценивала дизайн по шкалам ощущений и голосовала за самый стильный и современный. Финальный стиль получился технологичным, лёгким и чистым, как у Netflix, что также положительно влияет на восприятие обучения.
На втором этапе разработали
новый фирменный стиль платформы
Готовую айдентику переложили на UI-кит — создали единую систему оформления для всех элементов портала.
ссылка на шаблоны
Чтобы клиенты могли создавать курсы сами, соблюдая фирменный стиль, мы подготовили шаблоны документов и презентаций. Для темплейта в PowerPoint создали 100+ уникальных слайдов с разными элементами и вариантами их компоновки. Также разработали инструкцию, чтобы даже начинающий пользователь смог разобраться в программе и сделать красивую презентацию.
Шаблон состоит из 9 групп слайдов для любого назначения: титульные, текстовые, с иллюстрациями, диаграммами, мокапами и т. д.
За несколько часов сверстали лендинг для бета-теста и запустили первых пользователей. Получили фидбэк и поняли, какой функционал оставить, а какой поменять. Так сэкономили время на большой разработке и теперь можем постепенно дизайнить новые функции, все время сверяясь с обратной связью от пользователей.
Проверили функциональность платформы
на бета-тестировании
Запустили первую версию
«Цифровой Академии»
Выпустили рабочую версию портала всего за 4 месяца.
01
02
Выстроили удобный путь пользователя и за счёт этого увеличили вовлеченность.
03
Разработали современное дизайн-решение, которое понравилось посетителям портала.
Работали над проектом
Иля Никитин
Проджект-менеджер
Center-Game
Партнёры
Дина Уфимцева
Дизайнеры
Игорь Спорынин
Костя Маслянников
Эля Насретдинова
Спроектировали платформу, которая позволяет запустить курс за пару кликов
Интерфейс конструктора курсов LERA
Подробнее
Разработали фирменный стиль, спроектировали платформу и подготовили промо-лендинг для Академии
Портал «Академии Красного Креста»
Подробнее
Смотреть все кейсы
Смотреть все кейсы
Давайте познакомимся и обсудим вашу задачу
Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.
Андрей
Business Development Manager
Или пишите напрямую Андрею:
piliptsov@tetraform.art
t.me/apiliptsov
Спасибо. Мы приняли заявку и скоро свяжемся с вами
Подтверждаю согласие на
обработку персональных данных
Отправить
[{"lid":"1707315885388","ls":"10","loff":"","li_type":"nm","li_name":"\u0438\u043c\u044f","li_ph":"\u0418\u043c\u044f","li_req":"y","li_nm":"\u0438\u043c\u044f"},{"lid":"1707315885389","ls":"20","loff":"","li_type":"nm","li_name":"\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f","li_ph":"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438","li_req":"y","li_nm":"\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f"},{"lid":"1707315885390","ls":"30","loff":"","li_type":"nm","li_name":"\u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c","li_ph":"\u0414\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c","li_req":"y","li_nm":"\u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c"},{"lid":"1707315885391","ls":"40","loff":"","li_type":"em","li_name":"email","li_ph":"E-mail","li_nm":"email"},{"lid":"1707315885392","ls":"50","loff":"","li_type":"ph","li_name":"\u0442\u0435\u043b\u0435\u0444\u043e\u043d","li_ph":"\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 (\u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e)","li_maskcountry":"RU","li_nm":"\u0442\u0435\u043b\u0435\u0444\u043e\u043d"},{"lid":"1707315885393","ls":"60","loff":"","li_type":"ta","li_name":"\u0437\u0430\u0434\u0430\u0447\u0430","li_ph":"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443","li_rows":"3","li_nm":"\u0437\u0430\u0434\u0430\u0447\u0430"},{"lid":"1707315885394","ls":"70","loff":"","li_type":"cb","li_req":"y","li_label":"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 <a href=\"https:\/\/tetraform.art\/privacy\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a>","li_checked":"y","li_nm":"Checkbox"}]
Давайте познакомимся и обсудим вашу задачу
Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.
Или пишите напрямую Андрею:
piliptsov@tetraform.art
t.me/apiliptsov
Андрей
Business Development Manager
Спасибо. Мы приняли заявку и скоро свяжемся с вами
Подтверждаю согласие на
обработку персональных данных
Отправить
[{"lid":"1682426801593","ls":"10","loff":"","li_type":"nm","li_name":"\u0438\u043c\u044f","li_ph":"\u0418\u043c\u044f","li_req":"y","li_nm":"\u0438\u043c\u044f"},{"lid":"1682426801594","ls":"20","loff":"","li_type":"nm","li_name":"\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f","li_ph":"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438","li_req":"y","li_nm":"\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f"},{"lid":"1682426801595","ls":"30","loff":"","li_type":"nm","li_name":"\u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c","li_ph":"\u0414\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c","li_req":"y","li_nm":"\u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c"},{"lid":"1682426801596","ls":"40","loff":"","li_type":"em","li_name":"email","li_ph":"E-mail","li_nm":"email"},{"lid":"1682426801597","ls":"50","loff":"","li_type":"ph","li_name":"\u0442\u0435\u043b\u0435\u0444\u043e\u043d","li_ph":"\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 (\u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e)","li_maskcountry":"RU","li_nm":"\u0442\u0435\u043b\u0435\u0444\u043e\u043d"},{"lid":"1682426801598","ls":"60","loff":"","li_type":"ta","li_name":"\u0437\u0430\u0434\u0430\u0447\u0430","li_ph":"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443","li_rows":"3","li_nm":"\u0437\u0430\u0434\u0430\u0447\u0430"},{"lid":"1682426801599","ls":"70","loff":"","li_type":"cb","li_req":"y","li_label":"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 <a href=\"https:\/\/tetraform.art\/privacy\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a>","li_checked":"y","li_nm":"Checkbox"}]
Страница
в разработке
Сейчас мы пишем для неё тексты, верстаем макеты и придумываем анимацию. Совсем скоро она станет доступна.
Бесплатный гайд о диджиталных практиках в HR
Эти нетипичные форматы и механики позволят вам быстрее закрывать вакансии, укрепить уверенность новых сотрудников и повысить процент прохождения обучения.
Получить гайд
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c
политикой конфиденциальности
.
Написать в телеграм