Сбер + НИУ ВШЭ
Интерактивный сайт Атласа профессий
страниц сайта спроектировали и задизайнили
50+
уникальных пользователей
1+ млн
Задача
“
Сбер и ВШЭ запускают проект, в котором студенты, школьники и молодые специалисты изучают востребованные профессии будущего по 12 направлениям. Нужно сделать интерактивный сайт в концепции «города будущего», который сделает знакомство с новыми профессиями увлекательным.
Что мы сделали
Спроектировали путь пользователя. Прописали возможные сценарии поведения пользователей на будущем сайте. Вариант с городом уже был утверждён до нас, поэтому предложили разные стилистические решения для города и элементов навигации, опираясь на референсы заказчика.
Подготовили и сверстали макеты. Карта поделена на кластеры разных направлений: дизайн, право, здоровье и т. д. Внутри кластера — несколько профессий. Мы спроектировали эти страницы и сверстали для них макеты — суммарно 50+ штук. Сделали простую навигацию и подготовили универсальный шаблон, чтобы в будущем быстро добавлять новые профессии.
Реализовали интерактивную карту города. Чтобы ускорить работу, использовали готовые элементы для архитектуры и декора, но доработали их внешний вид под требования заказчика. Улицы сделали шире, чем в реальности, чтобы пользователям было проще отделить кластеры друг от друга. Каждый кластер собирали по отдельности, потом сшивали в общую карту и добавляли детали: людей, транспорт, парки и дорожную разметку.
Анимировали метафоры кластеров. Для каждого кластера придумали метафоричный образ, который вписали в ландшафт города и «оживили» с помощью анимаций, чтобы Атлас было интересно изучать не только для пользы, но и из любопытства.
Написали сценарий виртуального ассистента. У Сбера есть семейство виртуальных помощников «Салют», которые помогают пользователям на сайтах, в сервисах и продуктах компании. Интегрировать их в Атлас не планировали, и это не влезало в сроки. Поэтому мы сами прописали простой сценарий для навигации и ответов на вопросы. Если пользователь теряется в количестве кластеров и профессий, помощник предлагает пройти профориентацию. Так Атлас получился ещё более «живым».
Команда проекта
Артур Гобеев
Product Owner
Дима Кутепов
QA
Product Owner
Дима Кутепов
QA
Саша Свердловская
Дизайн
Кирилл Куликов
Сценарий, редактура
Дизайн
Кирилл Куликов
Сценарий, редактура
Данила Климов
Анимации
Стас Кириллин
Менеджмент
Анимации
Стас Кириллин
Менеджмент
Виктор Рубинштейн
Разработка
Антон Хорольский
Аккаунтинг
Разработка
Антон Хорольский
Аккаунтинг
Расскажите о своей задаче — придумаем как её решить
Чат экспертов и энтузиастов, которые делают обучение живым и интересным.
Edutainment Community