법률·전문서비스
프리미엄 부동산 중개사무소 홈페이지
지역 밀착형 공인중개사사무소 홈페이지. 매물 탐색부터 상담 신청까지 방문자가 헤매지 않고 이어집니다.
비공개·데모 — AI 가상 데이터로 재구성한 예시입니다
문제
매물 정보가 블로그와 전화에 흩어져 있어, 문의 대부분이 단순 확인 전화로 소모됐습니다. 걸려 오는 전화의 상당수가 그 매물 아직 있느냐, 융자는 얼마나 잡혀 있느냐 같은 확인 질문이었고 정작 계약으로 이어질 상담은 통화 대기에 밀렸습니다. 블로그 글은 올린 순서로만 쌓여 동네별로 모아 보거나 조건으로 거를 방법이 없었고 스마트폰에서는 읽기도 불편했습니다. 한자리에서 17년을 중개한 이력과 확인해 둔 서류 같은 신뢰 근거도 전화로는 전할 길이 없었습니다. 확인 질문은 홈페이지가 대신 답하고 사람은 상담에 집중하게 만드는 것이 목표였습니다.
해결
매물 검색과 지역별 탐색을 홈페이지 하나에 담고, 자격·등록번호·후기 같은 신뢰 요소를 전면에 배치해 상담 신청으로 이어지게 했습니다. 메뉴는 매물찾기, 단지 가이드, 동네 이야기, 중개사 소개, 상담 예약 다섯 개로 정리해 매물을 보다가 동네를 읽고 사람을 확인한 뒤 예약으로 넘어가는 흐름을 만들었습니다. 매물 상세에는 개요와 약식 평면, 비용 안내에 더해 융자·권리 관계와 확인을 마친 서류 항목을 넣어 전화로 묻던 질문이 화면에서 해결되게 했습니다. 매물마다 담당 중개사와 중개사 노트를 붙여 누가 책임지는 매물인지 드러냈습니다.
- 2.7배
- 상담 신청 전환율
- -45%
- 단순 확인 전화
- 100%
- 모바일 대응
제작 노트
매물 상세가 답하는 것
첫 화면에는 확인을 마친 매물 스물네 건이 카드로 깔리고 범어동, 만촌동, 황금동, 두산동 네 동네와 주요 단지 네 곳으로 들어가는 길이 따로 있습니다. 매물 상세는 개요, 약식 평면과 위치, 비용 안내, 융자·권리 관계, 확인을 마친 서류, 중개사 노트 순으로 이어져 전화로 오가던 질문 대부분을 화면이 먼저 답합니다. 마음에 드는 매물은 담아두기로 모아 두고 A4 한 장짜리 매물 안내서로 인쇄할 수 있습니다. 계약 후기와 자주 묻는 질문을 지나 편한 시간을 남기는 상담 예약 폼까지 한 사이트 안에서 끝납니다.
프레임워크 없는 선택
지역 중개사무소 홈페이지는 화려한 기능보다 빠른 첫 화면과 검색 노출이 중요합니다. 그래서 프레임워크 없이 HTML5로 문서 구조를 잡고 TailwindCSS로 화면을 입힌 뒤 매물 필터나 담아두기처럼 동작이 필요한 부분만 Vanilla JS로 붙였습니다. 완성된 HTML이 그대로 내려가니 검색엔진이 매물 정보를 바로 읽고 저사양 스마트폰에서도 지체 없이 뜹니다. 빌드 도구나 프레임워크 버전에 묶이지 않아 몇 년 뒤 문구 한 줄을 고칠 때도 파일을 열어 바로 수정하면 됩니다. 관리 부담이 작은 구조가 이 규모 사업장에 맞다고 판단했습니다.
신뢰를 먼저 보이는 순서
부동산은 매물보다 사람을 먼저 의심하는 업이라 동선의 시작을 신뢰에 뒀습니다. 첫 화면 문장이 범어네거리에서 17년, 같은 자리에서 중개한다는 소개이고 바로 아래에 확인 도장 찍힌 매물만 올린다는 원칙이 이어집니다. 매물을 훑다가 동네가 궁금하면 단지 가이드와 동네 이야기로 빠지고 사람이 궁금하면 계약서에 이름을 거는 중개사 소개로 넘어갑니다. 어느 길로 들어와도 끝은 편한 시간을 남기는 상담 예약 폼 하나로 모입니다. 밝고 어두운 화면 전환과 관심 매물 담아두기까지 스마트폰 한 손 조작 기준으로 맞췄습니다.
화면
