Платформа интерактивных карт торговых центров TC-navigator
Единая система управления планом этажей, виджетом для сайта, сенсорными киосками и рекламой на инфоэкранах.
О проекте
Обратились с запросом на разработку платформы интерактивных карт торгового центра: нужен единый инструмент, который заменяет устаревшие PDF-планы, позволяет оперативно обновлять арендаторов и их статусы, публикует актуальную карту на сайт ТЦ и выводит её на сенсорные информационные киоски.
Это полноценная SaaS-платформа с админ-панелью для операционной команды ТЦ, виджетом для встраивания на сайт, приложением для инфоэкранов и рекламным кабинетом для монетизации экранов.
Технологии
- Node.js
- React
- Vite
- PostgreSQL
- Docker
- nginx
- AWS S3
- SVG
- Service Worker
Что разработано
- Backend REST API на Node.js с CRUD торговых центров, этажей и помещений, публикацией карты и webhook-less интеграциями
- Модуль SVG-карт: многоэтажные планы с геометрией помещений, категориями, статусами и логотипами арендаторов
- Админ-панель (React) — редактор плана этажей с зумом, фильтрацией, табличным видом и автосохранением
- Рекламный кабинет: управление экранами, загрузка видеороликов в S3 и расписание показа по дням недели и часам
- Конструктор виджета для сайта ТЦ с генерацией iframe-кода и настройкой темы, этажа и высоты
- Приложение для сенсорных киосков (43″, 1080×1920) с фильтрацией по категориям и подсветкой магазинов на карте
- Приложение для инфоэкранов с офлайн-кэшем, Service Worker и рекламой при простое
- Личный кабинет ТЦ с входом по коду и формой заявки на подключение новых торговых центров
- Мультитенантная архитектура: несколько ТЦ в одной инсталляции с изоляцией данных по slug
- Docker Compose-инфраструктура: PostgreSQL, backend, admin и kiosk как отдельные сервисы
Ключевые фичи
- SVG-редактор плана этажей: помещения как path-геометрия с названием, логотипом, категорией и статусом (открыт / скоро / закрыт / свободно)
- 10 категорий арендаторов с цветовой кодировкой: одежда, фудкорт, супермаркет, электроника, красота, детям, спорт, дом, услуги, развлечения
- Поиск и фильтрация арендаторов в боковом списке, режимы «План» и «Таблица», статистика заполненности этажа
- Публикация карты одной кнопкой — snapshot в БД для отображения на сайте и киосках
- iframe-виджет для сайта: настраиваемая высота, светлая/тёмная тема, выбор этажа, скрытие шапки
- Киоск для посетителей: портретный UI под 43″ сенсор, фильтр по категориям, подсветка магазина на карте, маркер «Вы здесь»
- Рекламный кабинет: экраны с ориентацией и idle timeout, видеоролики MP4/WebM через presigned S3 URL
- Расписание рекламы: слот = экран + день недели + час + ролик; рекламодатель — ТЦ или конкретный арендатор
- Офлайн-устойчивость инфоэкранов: localStorage-кэш, Service Worker, синхронизация каждые 60 минут
- Личный кабинет ТЦ: вход по коду (slug) и email без пароля, доступ к редактированию своего торгового центра
- Форма заявки на запуск карты: название ТЦ, город, контакт, телефон, email, сайт, число этажей
- Импорт JSON-плана для быстрого онбординга нового ТЦ с готовой геометрией этажей
- CRUD этажей и помещений, управление несколькими ТЦ из одной админки
- Демо-seed с реальным планом этажа и десятками магазинов для быстрого старта
Решение задачи
Платформа перевела управление картой ТЦ из разрозненных PDF-планов и ручных правок в единый цифровой контур с одним источником данных для всех каналов.
Оператор обновляет арендаторов в админке и публикует изменения на сайт и киоски без участия разработчика; посетители видят актуальную интерактивную карту на сенсорных экранах, а простой инфоэкранов монетизируется рекламой арендаторов и самого ТЦ.
Результаты
Заказать похожий проект
Оставьте заявку — обсудим задачу и предложим решение под ваш бизнес.
Оставить заявку