센트레빌 아스테리움 거제 Website Design Review

개요

센트레빌 아스테리움 거제는 거제 상동동 일원의 하이엔드 아파트 분양 사이트다. 첫 화면은 항공 촬영 야경이다. 산과 바다 사이로 도시의 불빛이 흐르고, 그 한가운데 단지 CG가 놓인다. 왼쪽 위에 ‘하이엔드 랜드마크, 다시 없을 단 하나의 자부심으로 새로운 라이프 스타일을 완성하다’가 작게 적히고, 그 아래 ‘당신이 바라던 품격의 기준’이 크게 놓인다.

구성은 분양 사이트의 표준 문법을 따르되 밀도가 높다. 사업안내·단지안내·평형안내·분양안내·홍보센터 다섯 개 메뉴에 각각 대여섯 개의 하위 항목이 붙고, 상단에는 대표번호 055.635.0101과 관심고객등록이 상시 노출된다. 이번 리뷰에서는 프리미엄이라는 추상적 가치를 화면으로 번역한 방식과, 분양 사이트가 놓치기 쉬운 검색·성능 과제를 살펴본다.

브랜드 & 메시지

브랜드 언어는 ‘하이엔드’와 ‘처음’ 두 축으로 짜여 있다. ‘거제가 처음 만나는 하이엔드’, ‘거제에 없던 삶의 품격’, ‘거제에서 가장 높은 품격, 그 이상’. 지역명을 반복해 넣는 것이 특징인데, 수도권 브랜드를 지방 도시에 소개할 때 흔히 쓰는 전략이다. 비교 대상을 서울이 아니라 거제 안으로 설정해, 상대적 우위를 확보하는 화법이다.

아스테리움이라는 이름은 별에서 왔고, 사이트는 그 어원을 시각적으로 밀고 나간다. ‘별처럼 높고 빛나는 천상의 공간’, ‘거제의 밤하늘 위 가장 빛나는 하이엔드 라이프’ 같은 문장이 배치되고, 히어로도 야경과 별이 보이는 하늘로 통일돼 있다. 팔레트는 딥 브라운과 골드, 차콜이며 세리프 영문을 주 서체로 쓴다. 커뮤니티 시설 이름을 Centwell Aqua Vista, Aster Sky Lounge처럼 브랜드 어휘와 연결한 것도 세계관을 유지하려는 장치다.

UX/UI 관점

강점은 여섯 가지다. 첫째, HIGH-LIFE PREMIUM 8 구획을 여덟 개의 세로 스트립으로 구성했다. 프리미엄 요소를 카드로 나열하는 대신 좁고 긴 이미지로 잘라 배치해, 하나씩 열어보게 만드는 인터랙션을 만들었다. 정보를 한 번에 쏟지 않고 탐색하게 하는 방식이다. 둘째, 커뮤니티 시설 아홉 곳을 목록으로 나열하고 항목에 마우스를 올리면 해당 공간 이미지가 나타나는 구조를 택했다. 이름과 이미지를 동시에 기억하게 하는 배치다.

셋째, 시설마다 국문 설명 한 줄을 붙였다. ‘일상의 순간에 새로운 흐름을 더하는 단지 내 수영장과 라운지’처럼, 영문 이름만으로는 파악되지 않는 실체를 짧게 보완한다. 넷째, 대표번호를 상단에 상시 노출했다. 분양 상담은 여전히 전화 비중이 높은 영역이라, 스크롤 위치와 무관하게 번호가 보이는 것이 실질적으로 작동한다. 다섯째, 화면 우측에 관심고객등록 탭을 세로로 고정해 전환 진입점을 항상 열어뒀다. 여섯째, 오시는 길에서 현장 주소와 견본주택 주소를 구분해 표기했다. 분양에서 이 둘을 혼동해 헛걸음하는 사례가 잦은데, 분리 표기만으로 방지된다. 다만 진입 시 팝업이 뜨고 상단 바와 우측 탭이 동시에 존재해, 첫 화면의 시야가 다소 좁아지는 점은 아쉽다.

IA·SEO 전략

기본 요소는 일부 갖춰져 있다. canonical과 Open Graph 태그가 확인되고 h1도 ‘당신이 바라던 품격의 기준’으로 존재한다. 문제는 meta description이 비어 있다는 점, 그리고 구조화 데이터가 확인되지 않는다는 점이다. 분양 사이트의 검색 결과는 대부분 브랜드명과 지역명 조합으로 노출되는데, 설명이 비어 있으면 검색엔진이 본문에서 임의로 발췌한 문장이 스니펫이 된다.

또 하나 짚을 것은 국문 도메인이다. 브랜드 각인에는 유리하지만, 실제 주소는 퓨니코드로 변환돼 공유 링크와 광고 소재에서 알아보기 어려운 문자열이 된다. 영문 도메인을 함께 확보해 canonical로 대표 주소를 지정하는 편이 안전하다. 콘텐츠 측면에서는 평형별 페이지가 기회다. ‘거제 84㎡ 분양가’, ‘아스테리움 거제 청약 일정’ 같은 검색은 청약 시점에 급증하는데, 지금은 평형안내가 하나의 경로 안에 묶여 있다. 평형과 분양 일정을 개별 URL로 열고 Residence·Event 계열 구조화 데이터로 위치와 일정을 명시하면, 짧은 분양 기간 동안 검색에서 자리를 잡을 수 있다.

성능·접근성

영상 요소가 열 개 넘게 사용되고 대형 CG 이미지가 이어지는 구조다. 분양 사이트의 특성상 화질을 낮추기 어려우므로, 로딩 순서와 포맷으로 해결해야 한다. 히어로 영상만 우선 로드하고 나머지 슬라이드와 하단 영상은 진입 시점에 불러오는 처리, poster 이미지 지정, 모바일에서의 정지 이미지 대체가 기본이다. 커뮤니티 시설 이미지처럼 상호작용에 반응해 나타나는 자산은 지연 로딩 대상으로 두기 좋다.

접근성에서는 진입 팝업이 우선 점검 대상이다. 키보드로 닫을 수 있는지, 포커스가 팝업 안에 갇히는지, ‘오늘 하루 열지 않기’가 실제로 동작하는지 확인이 필요하다. 세로 스트립 인터랙션은 마우스 호버에 의존하기 쉬운데, 터치 기기와 키보드 사용자를 위한 대체 조작이 있어야 한다. 딥 브라운 배경 위 골드 텍스트는 대비가 낮아지기 쉬우니, 세대수나 주소처럼 판단에 쓰이는 정보는 대비를 확보해야 한다. 분양 사이트는 CG와 실제의 차이를 알리는 고지가 중요한데, 이 사이트는 해당 문구를 이미지 하단에 반복 노출하고 있어 그 부분은 잘 처리돼 있다.

자주 묻는 질문

디지털 파트너 더블루캔버스

분양 사이트는 짧게 살고 강하게 일한다. 몇 달 안에 관심고객을 모으고 청약으로 넘겨야 하며, 그 기간이 지나면 사이트의 역할도 끝난다. 그래서 화면의 완성도에 자원이 집중되고 검색은 후순위로 밀리는데, 정작 청약 직전에 정보를 찾는 사람들은 공식 사이트가 아니라 커뮤니티와 블로그를 먼저 만난다.

The Blue Canvas(더블루캔버스)는 분양·부동산 브랜드 사이트에서 짧은 기간에 성과를 내는 구조를 설계한다. 평형과 일정을 개별 문서로 열고, 지역 검색어를 문서에 심고, 관심고객등록까지의 경로를 최단으로 만든다. 홈페이지 제작과 SEO 검색엔진 최적화, 퍼포먼스 마케팅이 같은 기간에 맞물려야 하는 영역이다.

The Blue Canvas 홈페이지 제작 문의

마무리와 다음 스텝

센트레빌 아스테리움 거제의 사이트는 하이엔드라는 단어를 화면으로 번역하는 데 공을 들였다. 항공 야경으로 규모를 보여주고, 여덟 개 스트립으로 프리미엄을 나누고, 아홉 개 시설에 각각의 이름을 주고, 현장과 견본주택을 구분해 표기했다. 대표번호와 관심고객등록을 상시 노출한 전환 설계도 이 업종의 현실에 맞는다.

실행 제안은 셋이다. 첫째, 비어 있는 meta description을 지역명과 세대수, 공급 면적이 담긴 문장으로 채운다. 둘째, 평형과 분양 일정을 개별 URL로 열고 구조화 데이터를 적용해 청약 시점의 검색을 받는다. 셋째, 진입 팝업과 세로 스트립의 키보드·터치 조작을 점검하고, 영상 자산의 로딩 순서를 정리한다. 화면의 밀도는 충분하므로, 그 밀도가 검색과 접근성에서도 유지되게 하는 일이 남았다.