Веб-дизайн — Айдентика

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

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

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

Магнит
Корпоративная Академия «Магнита» запускает новую уровневую программу для HiPo руководителей, и ей нужна входная страница. Компании очень важны программы для талантов, им нужен узнаваемый бренд, подчеркивающий уникальность. Программу для одного из уровней менеджмента уже собрали и запускаем в ближайшее время, про неё важно рассказать детально. Так будущие слушатели поймут ценность каждого курса и сформируют запрос на обучение до старта программы.
Илья, веб-дизайнер
Задача понятная! Сделаем что-то вроде навигатора, а для пилотной программы — полноценный лендинг.
Решение

Создали концептуальную айдентику по идеям заказчика

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

Разработали структуру и дизайн страницы-навигатора

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

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

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

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

Страница-навигатор помогает HiPo руководителям «Магнита» разобраться в программе и увидеть в ней ценность для себя. Изучить страницу →
Команда проекта
Следил за сроками и общался по организационным вопросам
ИЛЬЯ
Проджект менеджер
Вели проект, разработали техническую часть портала
CENTER-GAME
Партнёр
Спроектировал, разработал дизайн и макет портала
ИЛЬЯ
Веб-дизайнер
Доработал пользовательский интерфейс портала и помогал с обновлениями
ИГОРЬ
Веб-дизайнер
Опишите свою задачу
Мы напишем или позвоним, чтобы узнать больше о вашей задаче и договориться об интервью. Если у вас остались вопросы — ответим подробно.