Спроектировали UX и разработали дизайн интерактивного сайта
о профессиях будущего

Серебро за лучший сайт финансовой компании по версии Tagline

Задача

«Сбер» и Высшая школа экономики провели исследование и спрогнозировали, какие профессии будут востребованы в 2022—2023 годах. И чтобы помочь студентам, школьникам и молодым специалистам выбрать подходящую специальность, запустили интерактивный сайт о профессиях будущего. У клиента уже была готовая концепция города профессий, нам предстояло доработать и «оживить» её.

Воплотили идею виртуального города в футуристичную трёхмерную модель

Концепцию клиента мы реализовали в виде неоновой 3D-модели города — «Атласа профессий будущего». Карта Атласа стала центральной точкой сайта, где располагались кластеры, посвящённые отдельным направлениям профессий: урбанистика, дизайн, agile, кибербезопасность и другие.

спецпроекты

Каждый кластер собирали по отдельности, потом сшивали в общую карту и добавляли детали: людей, транспорт, парки и дорожную разметку.

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

Для каждого кластера создали уникальный дизайн. Например, ESG-кластер — это парк с речкой, на кластере Кибербезопасности расположены иконка щита и элементы микросхем.

Путь пользователя сделали простым и интуитивным

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

веб-платформы, приложения

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

«Оживили» кластеры с помощью метафоричных анимаций

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