왜 분양 포털은 ‘내 지역’에서 출발하는가
분양 홈페이지 제작에서 가장 먼저 푸는 문제는 화면이 아니라 탐색입니다. 분양을 찾는 사람은 전국이 궁금한 게 아니라 ‘우리 동네에 지금 뭐가 분양하나’가 궁금합니다. 그래서 이 분양 포털은 들어오자마자 ‘전국 분양, 내 지역부터 한눈에’ 한 줄로 의도를 받고, 곧장 ‘내 지역 보기’ 버튼으로 시선을 끌어내립니다. 히어로 바로 아래 답변블록 격인 서브 카피(‘아파트·상가 분양 현장을 지역으로 모았습니다’)가 사용자가 머릿속에 품은 질문을 그대로 되읽어 줍니다. 분양 사이트의 첫 화면은 멋진 조감도 자랑이 아니라, 흩어진 현장 더미에서 내 지역만 빠르게 솎아 내는 ‘분류의 입구’여야 한다고 봤습니다.
시그니처: 상단 가로 지역 네비
이 사이트의 시그니처는 히어로 바로 밑에 가로로 흐르는 지역 네비입니다. ‘전체 30 · 경기 8 · 인천 6 · 서울 4 · 대전 3 · 부산 3 …’처럼 지역 칩 하나하나에 현장 개수를 함께 박아, 누르기 전에도 ‘어디에 물건이 많은지’가 한눈에 보입니다. 좁은 화면에서는 칩 줄이 가로로 스크롤되며 손가락으로 쓸어 넘기게 했고, 칩을 누르면 그 지역 그룹만 남고 나머지는 접혀 ‘내 지역만 보기’가 한 번의 탭으로 끝납니다. 모바일에서 한 손으로 동네를 고르는 이 가로 칩 바가 곧 이 포털의 정체성입니다. 흔한 좌측 사이드 필터 대신 상단 가로 네비를 택한 건, 분양을 찾는 사람의 첫 동작이 ‘지역 선택’ 하나로 수렴한다고 봤기 때문입니다.
현장 카드: 지역으로 묶고, 한 장씩
현장은 지역 그룹(‘경기 8개 현장’처럼 제목+개수)으로 묶고, 그 안에서 카드 한 장이 현장 하나를 맡습니다. 카드에는 콘셉트 썸네일 위에 아파트·상가 유형 배지와 시·군·구 위치 배지를 얹어, 클릭 전에도 ‘무슨 유형, 어디’가 즉시 읽히게 했습니다. 아파트는 푸른 톤, 상가는 모래빛 톤의 그라데이션 자리로 구분해 목록을 빠르게 훑을 때 유형이 색으로 먼저 들어옵니다. 카드 전체가 곧 링크라 ‘자세히 보기’ 같은 군더더기 버튼을 따로 두지 않았고, 누르면 그 현장의 공식·상세 페이지로 바로 넘어갑니다. 이미지는 모두 webp로 자가 호스팅하고 lazy 로딩을 걸어, 현장이 수십 개로 늘어도 목록이 가볍게 뜨도록 했습니다.
정직: 비공식 정보라는 고지
분양 정보는 신뢰가 생명이라, 이 포털은 화면 맨 위와 맨 아래 두 곳에 ‘본 사이트는 분양 정보·홍보 안내 페이지(비공식)’라는 고지를 명확히 답니다. ‘정확한 청약·정보는 각 현장 입주자 모집공고·공식 분양사무소 기준’이라는 문장을 상단 띠와 푸터 법적 고지에 모두 박아, 사용자가 이 사이트를 공식 청약 창구로 오해하지 않게 했습니다. 현장명·브랜드는 식별을 위한 표기일 뿐 시행·시공·분양 주체와 무관하다는 점, 썸네일은 안내용 콘셉트라 실제와 다를 수 있다는 점까지 적었습니다. 경쟁률·시세·완판 같은 검증 안 된 수치는 본문에서 일절 쓰지 않았습니다. 화려한 수식보다 ‘무엇을 보장하지 않는가’를 먼저 밝히는 정직함이, 분양처럼 돈이 걸린 정보에서 진짜 신뢰를 만든다고 봤습니다.
상담 동선: 보고, 묻고, 공식으로
이 포털의 전환 목표는 한 채를 파는 게 아니라 ‘관심 현장에서 공식 상담으로 연결’입니다. 그래서 동선을 ‘지역에서 현장 보기 → 마음 가는 현장 카드 클릭 → 공식 분양사무소·모델하우스 상담’ 3단계로 단순화했습니다. 상단 네비와 히어로에 ‘상담 문의’ 버튼을 항상 띄워 어느 화면에서든 한 번에 문의로 갈 수 있게 했고, 페이지 하단 상담 섹션에서는 ‘각 현장 페이지에서 자세히 보고 상담을 신청하실 수 있다’고 안내합니다. 다만 대표 연락처·운영 주체가 아직 확정되지 않은 단계라, 가짜 번호를 박는 대신 ‘운영 정보로 안내’ ‘실데이터로 교체 예정’이라고 솔직히 표시해 두었습니다. 분양 홈페이지 제작에서 디자인의 끝은 결국 ‘관심을 공식 상담으로 넘기는 한 번의 클릭’입니다.
발견: 지역 검색과 GEO
분양을 찾는 검색은 거의 다 ‘지역+분양’ 꼴입니다 — ‘평택 분양’, ‘청라 분양’, ‘동탄 상가 분양’처럼요. 그래서 이 사이트는 지역 그룹 제목·현장 위치·카드 alt에 시·군·구 지명을 사실대로 심어, 지역 검색에 자연스럽게 걸리도록 했습니다. 그 위에 현장 목록을 ItemList 구조화 데이터(CollectionPage)로, 자주 묻는 질문은 FAQPage 스키마로 담아, 검색엔진과 AI 답변 양쪽에서 분양 홈페이지 제작 사례이자 지역 분양 인덱스로 인용되게 했습니다. 외부 폰트 CDN 없이 자가 호스팅하고 이미지에 width·height를 박아 레이아웃 흔들림(CLS) 없이 빠르게 뜨게 한 것도, 결국 ‘내 지역 분양’을 찾는 사람에게 먼저 발견되기 위한 기초 공사였습니다.