3D-гид по кампусу «СберУниверситета»

Контекст

«СберУниверситет» — образовательный кампус, который регулярно посещают студенты, партнёры и гости. При этом не каждый посетитель может присоединиться к организованной экскурсии: знакомство с территорией зависит от расписания, времени проведения и наличия экскурсовода.

Задача

Сделать экскурсию по кампусу доступнее и предоставить возможность ознакомиться с пространством самостоятельно — без привязки к группе и в удобное для себя время.

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

Его роль — ненавязчиво сопровождать пользователя и давать необходимую информацию именно тогда, когда она нужна.

Свободный маршрут

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

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

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

За пределами экрана

Для локаций были подготовлены 3D-визуализации окружающего пространства и отдельных объектов.

Они стали частью повествования. Когда в аудиоспектакле речь заходила об арт-объекте или детали интерьера, соответствующий элемент на экране подсвечивался, помогая понять, на что именно стоит обратить внимание вокруг.

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

Интерфейс в движении

Основной сценарий использования происходил непосредственно в кампусе: человек проходит экскурсию со смартфоном в руках.

Поэтому интерфейс в первую очередь адаптировали под мобильный экран:

•
простая вертикальная структура;
•
крупные элементы управления;
•
быстрый доступ к плееру;
•
минимум действий между локациями;
•
визуальные подсказки, которые считываются за несколько секунд.

Desktop не был приоритетным сценарием по требованиям заказчика. Интерфейс создавался прежде всего для использования непосредственно во время экскурсии.

Интеграция в инфраструктуру «Сбера»

Одним из технических требований заказчика был Next.js. Мы разработали frontend-модуль на заданном стеке и подготовили его для дальнейшей интеграции в web-инфраструктуру «СберУниверситета». Готовое решение передали команде заказчика, которая разместила его на своей стороне.

Результат

«СберУниверситет» получил готовый frontend-модуль для интеграции в свою web-инфраструктуру, а пользовательский сценарий экскурсии собрался в единую механику: аудио ведёт историю, визуальный слой направляет внимание, навигация помогает двигаться по кампусу.