Карты локаций брендов: от поиска офиса до мечты
Build

Карты локаций брендов: от поиска офиса до мечты

3 мин чтения

Иногда лучшие функции рождаются из реальных потребностей. Поиск сервисного офиса для Ольги привёл меня в ADA на Straits Quay — прекрасный естественный свет, потрясающие виды, тишина. Исследование их сети из 7 локаций вдохновило функцию, о которой я мечтал: интерактивные карты, показывающие, где именно работают бренды.

Ольге нужен сервисный офис со следующей недели — она обслуживает нашего первого клиента. Я посетил несколько коворкингов в Пенанге, но один выделился: ADA на Straits Quay. Прекрасный естественный свет, потрясающий вид на марину и то, что становится всё более редким — тишина.

Общаясь с персоналом, я понял, что гибкие рабочие пространства — это интересный сектор с растущими брендами. Поэтому я добавил его в нашу таксономию.

Исследование, которое вдохновило функцию

Когда я начал исследовать ADA Serviced Office для профиля бренда, данные о локациях рассказали убедительную историю. Луис Су построил не один офис — он построил крепость из 7 локаций по всему Пенангу:

  • Suntech Penang Cybercity (штаб-квартира) — флагманский пентхаус 930 м²
  • One Precinct — здание со статусом MSC для технологических компаний
  • Straits Quay — премиум-локация на марине (где я побывал)
  • Ixora Hotel Prai — первое расширение на материк
  • One Square — близость к свободной индустриальной зоне
  • Setia Sentral — доступ к шоссе, 1 860 м²
  • Queensbay Mall — рядом с торговым центром
  • KL Bangsar South — первая локация за пределами Пенанга

Эта географическая кластеризация — ключ к конкурентной стратегии ADA. Семь локаций на одном рынке создают сетевые эффекты, которые одна локация на семи рынках воспроизвести не может. Но текст не передаёт пространственную реальность.

Я хотел увидеть крепость.

Функция мечты: карты локаций брендов

Месяцами я представлял, как добавлю карты локаций в профили брендов — штаб-квартиры, розничные точки, заводы, дистрибьюторские центры. Исследование ADA дало мне толчок наконец это построить.

Что нового:

Каждый профиль бренда с данными о локациях теперь показывает интерактивную карту. Типы локаций делятся на две категории:

Общие типы (применимы ко всем секторам):

  • Штаб-квартира (индиго-маркеры) — главный офис компании
  • Розница (оливковые маркеры) — флагманские магазины, шоурумы
  • Дистрибуция (голубые маркеры) — логистические и фулфилмент-центры
  • Производство (бирюзовые маркеры) — заводы и производственные объекты

Секторные типы:

  • Сервисный офис (оранжевые маркеры) — для брендов гибких рабочих пространств, как ADA
  • Виноградник (пурпурные маркеры) — для винных брендов

Нажмите на любой маркер, чтобы увидеть название локации, адрес, площадь и примечания. Фильтруйте по типу, чтобы сфокусироваться на важном. Увеличивайте до уровня улиц для контекста.

Технические детали

Реализация использует:

  • MapLibre GL JS (самохостинг, безопасно для Китая)
  • Carto basemaps (Dark Matter/Positron, автоматическое переключение для тёмного режима)
  • Цветовые маркеры, соответствующие нашей дизайн-системе
  • Всплывающие карточки с деталями локации
  • Кнопки фильтров, которые показывают только типы, присутствующие в данных
  • Автозум для показа всех локаций с правильными отступами

Для пользователей в Китае (определяется по часовому поясу и языку) мы показываем сообщение-заглушку вместо сломанной карты.

Посмотрите в действии

Посетите профиль ADA Serviced Office, чтобы увидеть сеть из 7 локаций Луиса Су в Пенанге на карте. Фильтруйте по «Штаб-квартира», чтобы увидеть флагман, или по «Сервисный офис», чтобы увидеть всю сеть.

Функция работает для любого бренда с данными о локациях. Винодельни с несколькими виноградниками. Розничные бренды с флагманскими магазинами. Производственные компании с сетью заводов.

Что началось с поиска офиса

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

Так часто и бывает. Реальные потребности ведут к реальным исследованиям. Реальные исследования раскрывают реальные истории. И иногда эти истории требуют новых способов рассказа.

Теперь, когда вы читаете о географическом расширении бренда, вы можете его увидеть.