Платформа интерактивных карт торговых центров TC-navigator

Единая система управления планом этажей, виджетом для сайта, сенсорными киосками и рекламой на инфоэкранах.

Оператор торгового центра

О продукте

Обратились с запросом на разработку платформы интерактивных карт торгового центра: нужен единый инструмент, который заменяет устаревшие PDF-планы, позволяет оперативно обновлять арендаторов и их статусы, публикует актуальную карту на сайт ТЦ и выводит её на сенсорные информационные киоски.

Платформа

Это полноценная SaaS-платформа с админ-панелью для операционной команды ТЦ, виджетом для встраивания на сайт, приложением для инфоэкранов и рекламным кабинетом для монетизации экранов.

Что разработано

01
Backend REST API на Node.js с CRUD торговых центров, этажей и помещений, публикацией карты и webhook-less интеграциями
02
Модуль SVG-карт: многоэтажные планы с геометрией помещений, категориями, статусами и логотипами арендаторов
03
Админ-панель (React) — редактор плана этажей с зумом, фильтрацией, табличным видом и автосохранением
04
Рекламный кабинет: управление экранами, загрузка видеороликов в S3 и расписание показа по дням недели и часам
05
Конструктор виджета для сайта ТЦ с генерацией iframe-кода и настройкой темы, этажа и высоты
06
Приложение для сенсорных киосков (43″, 1080×1920) с фильтрацией по категориям и подсветкой магазинов на карте
07
Приложение для инфоэкранов с офлайн-кэшем, Service Worker и рекламой при простое
08
Личный кабинет ТЦ с входом по коду и формой заявки на подключение новых торговых центров
09
Мультитенантная архитектура: несколько ТЦ в одной инсталляции с изоляцией данных по slug
10
Docker Compose-инфраструктура: PostgreSQL, backend, admin и kiosk как отдельные сервисы

Ключевые возможности

01
SVG-редактор плана этажей: помещения как path-геометрия с названием, логотипом, категорией и статусом (открыт / скоро / закрыт / свободно)
02
10 категорий арендаторов с цветовой кодировкой: одежда, фудкорт, супермаркет, электроника, красота, детям, спорт, дом, услуги, развлечения
03
Поиск и фильтрация арендаторов в боковом списке, режимы «План» и «Таблица», статистика заполненности этажа
04
Публикация карты одной кнопкой — snapshot в БД для отображения на сайте и киосках
05
iframe-виджет для сайта: настраиваемая высота, светлая/тёмная тема, выбор этажа, скрытие шапки
06
Киоск для посетителей: портретный UI под 43″ сенсор, фильтр по категориям, подсветка магазина на карте, маркер «Вы здесь»
07
Рекламный кабинет: экраны с ориентацией и idle timeout, видеоролики MP4/WebM через presigned S3 URL
08
Расписание рекламы: слот = экран + день недели + час + ролик; рекламодатель — ТЦ или конкретный арендатор
09
Офлайн-устойчивость инфоэкранов: localStorage-кэш, Service Worker, синхронизация каждые 60 минут
10
Личный кабинет ТЦ: вход по коду (slug) и email без пароля, доступ к редактированию своего торгового центра
11
Форма заявки на запуск карты: название ТЦ, город, контакт, телефон, email, сайт, число этажей
12
Импорт JSON-плана для быстрого онбординга нового ТЦ с готовой геометрией этажей
13
CRUD этажей и помещений, управление несколькими ТЦ из одной админки
14
Демо-seed с реальным планом этажа и десятками магазинов для быстрого старта

Решение задачи

1.
Платформа перевела управление картой ТЦ из разрозненных PDF-планов и ручных правок в единый цифровой контур с одним источником данных для всех каналов.
2.
Оператор обновляет арендаторов в админке и публикует изменения на сайт и киоски без участия разработчика; посетители видят актуальную интерактивную карту на сенсорных экранах, а простой инфоэкранов монетизируется рекламой арендаторов и самого ТЦ.