к кейсам
Торговые центры ВебIT-продукт

Платформа интерактивных карт торговых центров 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-планов и ручных правок в единый цифровой контур с одним источником данных для всех каналов.

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

Результаты

Заказать похожий проект

Оставьте заявку — обсудим задачу и предложим решение под ваш бизнес.

Оставить заявку

Другие кейсы

HR- и рекрутинговые команды работодателей (B2B)

AIHR

AI-платформа оценки кандидатов UnoHR

Автоматический скоринг откликов и поиска резюме с HeadHunter: ранжирование кандидатов, лимиты тарифа и единый вход для HR-команд.

ETC Trade (Ист Трейд)

AIЧат-бот

AI-чат-бот для B2B- и B2C-клиентов ETC Trade

AI-чат-бот для мультиканальной поддержки B2B- и B2C-клиентов: консультации по ассортименту, доставке и условиям, квалификация лидов и передача в Bitrix24.

UnoCode (внутренний продукт)

AIHR

AI-платформа оценки персонала Qualy

SaaS-платформа для AI-оценки персонала на основе аудио- и текстовых ответов с мультитенантностью для компаний с сетевой структурой.

TriMoTi

МобайлВеб

Мобильное приложение TriMoTi для аудиогидов в музеях

Мобильное приложение TriMoTi для прослушивания аудиогидов в небольших музеях по стране: маршруты, офлайн-доступ и удобный плеер для посетителей.

Зеленопарк (ТЦ)

МобайлВеб

Зеленопарк ТЦ приложение

Мобильное приложение для посетителей ТЦ Зеленопарк: навигация по ТЦ, акции арендаторов, события и бонусные механики.

Культура гостеприимства (20+ ресторанов)

AIHR

ИИ аттестация сотрудников и оценка кандидатов

Система для сети ресторанов: автоматическое аудиоинтервью для аттестации текущих сотрудников и ИИ-оценка soft skills кандидатов для HR.

123-buh

AICRM

ИИ сканер чатов и авто-задачи в Битрикс

Система в реальном времени сканирует все чаты с клиентами, выделяет задачи из потока сообщений, создает их в Битрикс24 ответственному бухгалтеру и формирует EOD-отчет.

Arhat Inks (Узбекистан)

AICRM

VIP AI-менеджер для производителя красок

ИИ-агент для работы с текущими и VIP-клиентами: распознавание узбекской речи, проверка дебиторки, формирование заказов и рекомендации ассортимента.

ООО Белтимпэкс

AIАвтоматизация

Распознавание заказов из файлов клиентов

Программа для автоматического распознавания позиций заказа из любых файлов (Excel, PDF, фото) с поиском по базе номенклатуры и отправкой готового заказа в 1С.

Cyberly

ВебМобайл

Социальная сеть для киборгов (людей с ампутациями)

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

Ист Трейд

AIАвтоматизация

ИИ генерация этикеток с проверкой по ТР ТС

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

Белтимпэкс

AIЧат-бот

Чат-бот с остатками из 1С

ИИ чат-бот для клиентов оптовой компании, который в реальном времени показывает наличие приводных ремней и их цену из базы 1С.

Тримет

AIЧат-бот

ИИ-чат-бот для Авито и сайта (металлопрокат)

Чат-бот для оптово-производственной компании по металлу, знающий весь ассортимент и умеющий оформлять заявки прямо в чате Авито и на сайте.

Turnix

ВебГеймдев

Платформа для организации киберспортивных матчей

Платформа для автоматизации проведения киберспортивных турниров (сетка, лобби, проверка результатов).

Детская школа танцев

АвтоматизацияВеб

Система планирования расписания и зарплат для школы танцев

ERP-система для детской школы танцев: планирование расписания групп, расчет зарплат преподавателей с учетом KPI и посещаемости.

Check Promo

ВебMVP

Промо-система розыгрыша автомобилей в ТЦ

Платформа для проведения розыгрыша автомобилей в ТЦ по всей России (чеки, регистрация, выбор победителей).

СпортТабло

ДесктопMVP

СпортТабло (Десктопная программа)

Десктопное приложение-табло для детских спортивных соревнований в школах, отображающее счет, таймер и состав команд на проекторе/экране.