My Office Asia — флекс-офис маркетплейс в Гонконге

Маркетплейс гибких офисов в Гонконге с editorial-каталогом и админкой: позиционирование адвайзера, дизайн-система и production-grade-передача.

My Office Asia — флекс-офис маркетплейс в Гонконге

My Office Asia — брокер гибких офисов в Гонконге, работающий и с крупными операторами (WeWork, Regus, IWG, JustCo), и с независимыми бутиковыми пространствами. Мы переписали публичный сайт и собрали админку, превратив устаревший листинг в маркетплейс с явным предложением: персональный адвайзер, ответ за 2 часа, для арендатора бесплатно.

Внутри — два связанных контура. Публичный editorial-каталог с понятной навигацией по районам, типам пространств, размеру команды и операторам. И приватный CMS, где клиент сам ведёт каталог, объекты и контент при помощи AI-ассистента на Claude API.

Архитектурная подача — white-label с первого дня: один рынок в продакшене (HK), но код спроектирован под добавление Сингапура, Тайбэя или Сеула без переписывания UI. Domain-driven слой, server-first React и токенизированная дизайн-система делают расширение операцией редактирования конфигов, а не релизом с нуля.

Что заложено в концепт

  • публичный сайт вокруг ценности «адвайзер вместо листинга» с editorial-каталогом и фильтрами район × тип × команда × оператор
  • приватная админка с server-side аутентификацией, 2FA и AI-ассистентом для редактирования контента
  • domain-driven архитектура: типы и контракты → бизнес-логика → UI → роуты, без апворд-зависимостей и привязки к Supabase
  • защита публичных форм без reCAPTCHA: honeypot, контроль возраста формы, rate limit, серверная Zod-валидация
  • ≈150 дизайн-токенов, 0 хардкодных font-size в 144 CSS-модулях, fluid-padding clamp(24px, 5.55vw, 80px) от 320 px до 4K
  • production-readiness: security-headers, динамический sitemap, JSON-LD, accessibility, /api/health, документированная передача
  • по цифрам: 400+ TS-файлов, 42 миграции Supabase (~5000 строк SQL), 62 индекса БД, 71 статическая страница, 0 TS-ошибок

Стек и направление

Next.jsReact Server ComponentsSupabaseTypeScriptClaude API
My Office Asia — флекс-офис маркетплейс в Гонконге — экран 1
My Office Asia — флекс-офис маркетплейс в Гонконге — экран 2
My Office Asia — флекс-офис маркетплейс в Гонконге — экран 3
My Office Asia — флекс-офис маркетплейс в Гонконге — экран 4

Галерея платформы и админки

My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 5
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 6
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 7
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 8
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 9
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 10
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 11
My Office Asia — флекс-офис маркетплейс в Гонконге — галерея 12

Кейсы

Startup
Digital
Startup
Startup
Digital
Digital
Digital

Релевантные услуги