배경
AX Capital은 두바이 부동산 시장에서 매매, 임대, 오프플랜 프로젝트를 다루고 에이전트 디렉터리와 자체 저널을 운영합니다. 이 모든 것이 하나의 공개 사이트에 담깁니다.
부동산 플랫폼 — 2022–24
AX Capital
AX Capital은 두바이의 부동산 회사입니다. 2022년부터 2024년까지 공개 플랫폼을 처음부터 끝까지 구축했습니다. 매물 검색을 갖춘 기업 사이트, 그 뒤를 받치는 Quasar 기반 자체 CMS, 그리고 브라우저에서 동작하는 Three.js 아파트 뷰어입니다.
만든 것
세 가지입니다. 첫째, Nuxt 기반 공개 사이트 — 1차·2차·오프플랜 시장을 아우르는 매물 검색, 매물 유형·침실 수·가격대 필터(AED, USD, EUR, GBP, CNY), 지도 보기, 에이전트 페이지와 카탈로그, AX Journal, 문의 폼. 둘째, Editor.js를 에디터로 쓰는 Quasar 기반 자체 CMS — 사이트 콘텐츠를 관리자 앱 한 곳에서 관리합니다. 셋째, Three.js 3D 아파트 뷰어 — 구매자가 브라우저에서 바로 유닛을 입체로 볼 수 있습니다.
아키텍처
공개 사이트는 Nuxt, 관리자는 Quasar, 뷰어는 Three.js입니다. 성립해야 했던 전제는 세 가지였습니다. 매물 사이트는 검색에서 트래픽을 얻으므로 페이지가 빠르게 렌더링되고 색인 가능해야 합니다. CMS는 별도 앱이어야 편집자가 공개 프런트엔드를 건드리지 않습니다. 3D 뷰어는 필요할 때만 로드되어야 뷰어가 필요 없는 페이지까지 느려지지 않습니다. Editor.js 덕분에 CMS는 원시 HTML이 아니라 구조화된 JSON을 남기는 블록 에디터를 갖췄습니다.
어려웠던 점
사이트에는 성격이 다른 두 종류의 콘텐츠가 섞여 있었습니다. AX Journal의 서술형 글, 그리고 필터가 질의해야 하는 매물 데이터입니다. 글쓰기 쪽은 Editor.js가 감당하지만, 매물 데이터에는 타입이 정해진, 질의 가능한 필드가 필요했습니다. 그래서 블록 에디터를 사이트의 유일한 콘텐츠 모델로 삼을 수는 없었습니다.
결과
axcapital.ae는 사이트, CMS, 3D 뷰어 세 가지를 모두 갖추고 오픈했습니다. 고객이 보고한 성과는 성능 +50%였습니다.