Кейс: сайт торгового центра | PrimeCoder

Цифровой хаб гостя: найти магазин, акцию и парковку за 30 секунд

ТОРГОВЫЙ ЦЕНТР

О проекте

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

Мы собрали продукт вокруг задач гостя: что искать (магазины / еда / развлечения / детям), как добраться и где припарковаться, что нового сегодня и как стать участником клуба. Референс по структуре и ритму контента — публичный сайт торговый центр.com.

Задача

Спроектировать IA каталога арендаторов, карту и навигацию, ленту акций, блоки услуг и парковки, клуб лояльности; обеспечить скорость на мобильных и удобную админку для обновления акций арендаторами/маркетингом ТЦ.

Решение

Сделали модульный фронт на React: быстрый поиск и фильтры по категориям, карточки магазинов с этажом и часами работы, раздел акций с датами, сервисы (Wi‑Fi, коляски, бюро находок и др.), интеграция контента и аналитики. Карта и «как добраться» вынесены в отдельные сценарии без перегруза главной.

О проекте
О проекте

Технологии проекта

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

  • React
  • TypeScript
  • Node.js
  • PostgreSQL
  • Figma

Каталог 350+ арендаторов,Акции и карта в одном продукте,Mobile-first навигация гостя

Результат

Гость находит магазин, акцию и парковку без звонка на стойку информации. Маркетинг ТЦ обновляет ленту акций без разработчика. Сайт работает как витрина и навигатор одновременно.

Срок: 90 дн.

  • Каталог магазинов / еды / развлечений
  • Интерактивная карта и «как добраться»
  • Лента акций арендаторов
  • Парковка и сервисы для гостей
  • Клуб лояльности

Типографика

Крупные заголовки для бренда ТЦ и спокойный набор для каталога и карточек арендаторов.

Шрифт: "Raleway", sans-serif

Кегли: 14px, 16px, 20px, 28px, 44px

Показатели

Score: 91

  • Дней разработки: 90
  • Разделов: 40+
  • Магазинов в каталоге: 350+

Цвета

  • Navy
  • Ice
  • Accent
  • Ink
Макет

Метрики проекта

  • Разделов: 40
  • Дней разработки: 90
  • Магазинов в каталоге: 350+

Стек: React, TypeScript, Node.js, PostgreSQL, Figma