Дизайн и анимации интерактивного Атласа профессий Сбера и НИУ ВШЭ

Главное о кейсе

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

Бизнес-задача и ее решение

Разработать «живой» город будущего для атласа профессий

Прочая информация о кейсе

Сбер и НИУ ВШЭ запускали интерактивный веб-сайт, на котором студенты, школьники и молодые специалисты изучали востребованные профессии будущего по 12 направлениям. Здесь они могли пройти профориентацию, узнать, что им больше подходит и найти профильное обучение.

Для этой задачи решили создать что-то инновационное, что действительно будет отражать удобное и интерактивное путешествие по профессиям будущего. А именно построить целый город с удобной навигацией по 12 направлениям!

Решение:

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

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

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

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

— Разработкой занимались наши друзья и партнеры компания Center-Game.

Скриншоты