Веб-дизайн

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

Совместно с Center-Game спроектировали, оформили и анимировали Атлас профессий в виде интерактивной карты.
Задача
Разработать «живой» город будущего для атласа профессий
Сбер и НИУ ВШЭ запускают интерактивный веб-сайт, на котором студенты, школьники и молодые специалисты изучают востребованные профессии будущего по 12 направлениям. Здесь они могут пройти профориентацию, узнать, что им больше подходит и найти профильное обучение.
Олег, Elearning-разработчик Сбера
У нас уже была концепция города профессий будущего. Нужно было доработать её, чтобы школьники, абитуриенты и молодые специалисты легко ориентировались в профессиях будущего и могли выбрать то, что подходит им больше всего. Город хотели сделать «живым» и интерактивным.
Саша
Ни слова больше, работаем!
Решение
Спроектировали путь пользователя в интерактивном атласе
Прописали возможные сценарии поведения пользователей и предложили несколько вариантов будущей стилистики, опираясь на референсы заказчика.
Вариант с городом уже утвердили, поэтому предложили разные стилистические решения: и для самого города, и для элементов навигации.
Подготовили и сверстали макеты для страниц кластеров и 50 профессий
Сделали простую навигацию по дополнительным страницам. Подготовили универсальный шаблон, чтобы в будущем быстро добавлять новые профессии.
Собрали карту города из готовых элементов и доработали их
Чтобы ускорить работу, использовали готовые элементы для архитектуры и декора города, но доработали их внешний вид под требования заказчика. Улицы сделали шире, чем в реальности, чтобы пользователям было проще отделить кластеры друг от друга.
Каждый кластер собирали по отдельности, потом сшивали в общую карту и добавляли детали: людей, транспорт, парки и дорожную разметку.
Анимировали метафоричные образы кластеров
Для каждого кластера придумали метафоричный образ, который вписали в ландшафт города и «оживили» с помощью анимаций. Теперь Атлас интересно изучать не только для пользы, но и из любопытства.
РЕЗУЛЬТАТ
Атлас профессий Сбера и ВШЭ
Интерактивный атлас проводит абитуриентов, студентов и молодых специалистов по самым востребованным профессиям будущего. Изучить Атлас →
Команда проекта
Следил за сроками и общался по организационным вопросам
ИЛЬЯ
Проджект менеджер
Собрал трёхмерную карту города и настроил анимации
ЭДВАРД
3D-моделлер
ДАНИЛА
UI/UX дизайнер
Спроектировал путь пользователя, интерфейс и стилистику проекта
Разработала общую концепцию проекта и следила за её соблюдением
САША
Арт-лид
Напишите в Telegram
или оставьте заявку прямо тут
После интервью сформируем КП, состав работ и предложим образ решения.
После утверждения КП создадим общий чат, выделим проджект-менеджера и отдельную команду на проект и начнем работу.
Мы напишем или позвоним, чтобы больше узнать о вашей задаче и договориться об интервью.