КЕЙС
Интерактивный Атлас профессий Сбера и НИУ ВШЭ
Спроектировали, оформили и анимировали Атлас профессий в виде интерактивной карты. Помогли легко разобраться в профессиях будущего и создать вау-эффект.
ЗАДАЧА
Разработать «живой» город будущего для атласа профессий
Сбер и НИУ ВШЭ запускают интерактивный веб-сайт, на котором студенты, школьники и молодые специалисты изучают востребованные профессии будущего по 12 направлениям. Здесь они могут пройти профориентацию, узнать, что им больше подходит и найти профильное обучение.

У заказчика уже была концепция города профессий будущего. Нужно было доработать её, чтобы школьники, абитуриенты и молодые специалисты легко ориентировались в профессиях и могли выбрать то, что подходит им больше всего. Город хотели сделать «живым» и интерактивным.
РЕШЕНИЕ
Спроектировали путь пользователя в интерактивном атласе
Прописали возможные сценарии поведения пользователей, а партнёры из дизайн-студии Tetraform предложили несколько вариантов будущей стилистики, опираясь на референсы заказчика.
Вариант с городом уже утвердили, поэтому предложили разные стилистические решения: и для самого города, и для элементов навигации.
Подготовили и сверстали макеты для страниц кластеров и 50 профессий
Сделали простую навигацию по дополнительным страницам. Подготовили универсальный шаблон, чтобы в будущем быстро добавлять новые профессии.
Собрали карту города из готовых элементов и доработали их
Чтобы ускорить работу, использовали готовые элементы для архитектуры и декора города, но доработали их внешний вид под требования заказчика. Улицы сделали шире, чем в реальности, чтобы пользователям было проще отделить кластеры друг от друга.
Каждый кластер собирали по отдельности, потом сшивали в общую карту и добавляли детали: людей, транспорт, парки и дорожную разметку.
Анимировали метафоричные образы кластеров
Для каждого кластера придумали метафоричный образ, который вписали в ландшафт города и «оживили» с помощью анимаций. Теперь Атлас интересно изучать не только для пользы, но и из любопытства.
Написали сценарий для виртуального ассистента
У Сбера есть семейство виртуальных помощников «Салют», которые помогают пользователям на сайтах, в сервисах и продуктах компании. Интегрировать их в Атлас не планировали, и это не влезало в сроки. Поэтому мы сами прописали простой сценарий для навигации и ответов на вопросы. Так Атлас получился ещё более «живым».
Если пользователь теряется в количестве кластеров и профессий, помощник предлагает пройти профориентацию.
РЕЗУЛЬТАТ
Атлас профессий Сбера и ВШЭ
Интерактивный атлас проводит абитуриентов, студентов и молодых специалистов по самым востребованным профессиям будущего. Изучить Атлас →
Работали над проектом
Артур Гобеев
Product Owner
Кирилл Куликов
Нарративный дизайнер
Виктор Рубинштейн
IT-лид
Саша Свердловская
Арт-лид
Стас Кириллин
Менеджер проекта
Антон Хорольский
Customer Success
Студия Tetraform
Дизайн и анимации
Напишите нам, чтобы разработать продукты для edtech, hrtech и gametech
Наш менеджер свяжется с вами, чтобы уточнить задачу. После этого сможем предложить решение или разработать новое специально под вас. Или позвоните нам сами: +7 985 338 32 93
Поделиться в соцсетях
Да, мы тоже используем куки.
Ну и хорошо
Close
© 2022 center-game.com
Center-Game в соцсетях
Полезные материалы и статьи
Офис в Москве
Представительство в Узбекистане
Адрес: 129343, проезд Серебрякова, 14с15,
БЦ «Сильвер Стоун».

Email: letsplay@center-game.com

Телефон: +7 985 338 32 93
Адрес: 100052, г. Ташкент, ул. Кургон, 3-й проезд, д.3

Email: lev.gavrish@gmail.com

Web: www.change.uz

Телефон:+998 (93) 555 0210
Designed by Tetraform