Кейс · Торговые и бизнес-центры

Бизнес-центр «Отражение»: веб-навигация

Бизнес-центр «Отражение» — проект ITLabs: интерактивная навигация по бизнес-центру в веб-исполнении.

Интерактивная навигация

Заставка бизнес-центра с приглашением коснуться экрана

Коротко о проекте

Бизнес-центр «Отражение» — проект ITLabs. Интерактивная навигация по бизнес-центру в веб-исполнении. Посетитель ищет арендатора, видит его на плане этажа и получает маршрут от того терминала, у которого стоит. Гость находит нужный объект на карте и получает маршрут — вплоть до QR с маршрутом на телефон. В поиске такое решение называют и по-другому: сенсорная навигация, интерактивная карта, навигационный киоск.

Описание проекта

Как устроено решение

Каталог арендаторов разложен по категориям, понятным посетителю, а не по внутренней классификации центра: банки и банкоматы, обувь, дом и сад, детские товары, красота и здоровье, бытовая электроника, аксессуары, спорт и отдых, продукты питания, развлечения. Внутри категории можно оставить только нужные подпункты галочками, поэтому список не приходится листать целиком. Карточка арендатора собрана как небольшая страница: галерея фотографий, описание, телефон, режим работы по будням и выходным, этаж расположения и две кнопки — «Проложить маршрут» и «Показать на карте».

План этажа нарисован схемой с пронумерованными точками, лифтами, лестницами и холлами, а метка «Вы здесь» стоит там, где стоит сам терминал — маршрут строится от него, а не от условного входа. Масштаб плана меняется кнопками, между этажами переключаются списком справа. Отдельный раздел собирает контакты центра: администрация и коммерческий отдел с телефонами и почтой, адрес, часы работы и карта проезда. Между посетителями терминал показывает заставку с логотипом и приглашением коснуться экрана.

Что сделали

Как устроена навигация по бизнес-центру

Навигация сделана в вебе: терминал открывает её как обычную страницу, а наполнение ведётся в админ-панели прямо на объекте.

Поиск арендатора

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

Что ещё на экране

Разделы контактов и инфраструктуры центра
Часы и режим ожидания между посетителями

Что ещё в решении

Категории каталога под задачи посетителя: банки, обувь, детские товары, красота и здоровье, электроника, спорт, продукты, развлечения
Фильтр подпунктов галочками внутри категории
Карточка арендатора: галерея фотографий, описание, телефон, режим работы, этаж
Две кнопки в карточке — «Проложить маршрут» и «Показать на карте»
План этажа с пронумерованными точками, лифтами, лестницами и холлами
Метка «Вы здесь» привязана к конкретному терминалу
Масштабирование плана кнопками и переключение этажей списком
Раздел контактов: администрация, коммерческий отдел, адрес, часы работы и карта проезда
Заставка с логотипом центра и приглашением коснуться экрана
Часы в шапке интерфейса

Как выглядит интерфейс

Экраны решения

План этажа с точками арендаторов, лифтами и меткой «Вы здесь»

Каталог по категориям: раздел банков и банкоматов

Контакты центра: администрация, коммерческий отдел и карта проезда

Карточка арендатора: галерея, режим работы, этаж и кнопки маршрута

Вопросы и ответы

Частые вопросы о проекте

Что представляет собой навигация бизнес-центра «Отражение»?

Интерактивную навигацию в веб-исполнении: посетитель ищет арендатора, видит его на плане этажа и получает маршрут от того терминала, у которого стоит. Наполнение ведётся в локальной админ-панели центра.

Как найти нужную компанию?

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

Как переключаться между этажами?

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

Что ещё показывает терминал бизнес-центра?

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

Можно ли развернуть такую навигацию в другом бизнес-центре?

Да. Веб-исполнение с локальной админ-панелью позволяет наполнить систему своими данными: под другой центр меняются планировка этажей, каталог арендаторов и справочные разделы, а механика остаётся прежней.

От какой точки строится маршрут?

От того терминала, у которого стоит посетитель: каждый киоск знает своё место на плане, и метка «Вы здесь» соответствует реальному положению, а не общему входу.

Как быстро найти арендатора, если не помнишь названия?

По категории. Каталог разложен по бытовым рубрикам — банки, обувь, детские товары, продукты, — а внутри категории лишние подпункты снимаются галочками.

Что можно узнать об арендаторе прямо на терминале?

Фотографии, описание, телефон, режим работы по будням и выходным и этаж. Оттуда же строится маршрут или подсвечивается точка на плане.

Похожие проекты