Кейс

Дизайн навигатора по программе развития руководителей HiPo «Магнита»

Совместно с компанией Center-Game разработали структуру, дизайн и айдентику портала. Сверстали подробную страницу одного из уровней программы для пилотного запуска.

О проекте

Корпоративная Академия «Магнита» запускает программу для HiPo руководителей

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

Задача

Помочь руководителям «Магнита» ориентироваться в программе обучения

Магнит

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

Илья, веб-дизайнер

Задача понятная! Сделаем что-то вроде навигатора, а для пилотной программы — полноценный лендинг.

Решение

СОЗДАЛИ КОНЦЕПТУАЛЬНУЮ АЙДЕНТИКУ ПО ИДЕЯМ ЗАКАЗЧИКА

У «Магнита» была концепция образовательной программы с метафорой энергии,
а также логотипы трех направлений — для руководителей разных уровней. После дополнительных интервью разработали всю айдентику программы и сайта. Каждое направление получило свои акцентные цвета, чтобы пользователи быстрее ориентировались на страницах.

Разработка

РАЗРАБОТАЛИ СТРУКТУРУ И ДИЗАЙН СТРАНИЦЫ-НАВИГАТОРА

Главная страница объясняет суть программы и каждую компетенцию, которую нужно развить руководителям для перехода в новую управленческую роль. А еще помогает быстро понять, какое из трех уровней выбрать под свой план развития
и быстро перейти к нему.

В итеративном подходе всегда сначала прописываем схему пути пользователя, затем собираем первый макет «на серых блоках» и утверждаем с заказчиком.
В следующей итерации примеряем стилистику на весь макет и только после — финализируем дизайн.

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

Сделали пилотную страницу одного уровня программы

Обучение уже запустили для одного из уровней должностей, чтобы проверить, как работает портал, и защитить его развитие перед руководством. На пилотной странице описали все мероприятия и сделали переадресацию по ссылке во внутреннюю LMS. В следующей итерации планируем аналогичные страницы для других уровней должностей и настроим бесшовную авторизацию с LMS «Магнита» для быстрого доступа к обучающим материалам.

Результат

UI и UX дизайн навигатора по программе «Магнита»

Страница-навигатор помогает HiPo-руководителям «Магнита» разобраться в программе и увидеть в ней ценность для себя.

Изучить страницу →

01

Айдентика не только подчеркивает уникальность обучающей программы, но и помогает ориентироваться в ее уровнях

02

Пилотная страница одного из уровней помогла протестировать портал
и защитить его перед
руководством

03

Спроектировали удобный навигатор по программам с переадресацией
на внутреннюю LMS «Магнита»

Команда

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

Игорь, UI&Motion designer

Доработал пользовательский интерфейс портала и помогал с обновлениями

Илья, project manager

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

Илья, web designer

Спроектировал, разработал дизайн и макет портала

Center-Game, партнеры

Вели проект, разработали техническую часть портала

Игорь, UI&motion-designer

Доработал пользовательский интерфейс портала и помогал с обновлениями

Илья, project-manager

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

Илья, web-designer

Спроектировал, разработал дизайн и макет портала

Center-Game, партнеры

Вели проект, разработали техническую часть портала

форма связи

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

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

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

Наш менеджер скоро напишет или позвонит, чтобы обсудить детали. А пока вы можете почитать полезные посты в наших соцсетях
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.