Контекст
AX Capital работает на рынке недвижимости Дубая: покупка, аренда и продажа, проекты off-plan, каталог агентов и собственный журнал. Всё это собрано на одном публичном сайте.
Платформа недвижимости — 2022–24
AX Capital
AX Capital — компания на рынке недвижимости Дубая. С 2022 по 2024 год я собрал её публичную платформу с нуля: корпоративный сайт с поиском объектов, собственную CMS на Quasar и 3D-просмотр квартир на Three.js прямо в браузере.
Что я построил
Три части. Публичный сайт на Nuxt: поиск объектов по первичному, вторичному и off-plan рынкам, фильтры по типу недвижимости, количеству спален и диапазону цены в AED, USD, EUR, GBP или CNY; объекты на карте; страницы агентов, каталоги и AX Journal; формы заявок. Собственная CMS на Quasar с редактором на Editor.js: весь контент сайта ведётся в одной админке. И 3D-просмотр на Three.js: покупатель видит квартиру в объёме прямо в браузере.
Архитектура
Nuxt для публичного сайта, Quasar для админки, Three.js для просмотра. Исходные требования: сайт объявлений живёт за счёт поискового трафика, поэтому страницы должны быстро рендериться и оставаться индексируемыми; CMS должна быть отдельным приложением, чтобы редакторы не трогали публичный фронтенд; 3D-просмотр — грузиться по требованию, чтобы не замедлять страницы, которым он не нужен. Editor.js дал CMS блочный редактор: на выходе структурированный JSON, а не сырой HTML.
Сложности
На сайте два типа контента: тексты AX Journal и данные объектов, по которым работают фильтры. Тексты закрывает Editor.js; данным объектов нужны типизированные поля, пригодные для запросов, — поэтому блочный редактор не мог стать единственной моделью контента на сайте.
Итог
axcapital.ae вышел в прод со всеми тремя частями — сайт, CMS и 3D-просмотр. По оценке клиента — +50% производительности.
Результаты
+50% производительностиСобрал с нуля — от и доСайт · CMS · 3D-просмотр
Ссылки
Обсудить проектЕсть продукт, который надо запустить?
Пришлите идею, репозиторий или недоделанный проект. Сначала отвечу вопросами, потом письменным скоупом. Нанимаете? Напишите, на какую роль.