관심 고객·유닛
01관심 타입과 상담 이력, 담당자 후속 업무 관리
포트폴리오 목록으로
지금 살펴보는 사례부동산 분양 플랫폼
이 사례를 참고해 문의하기체험용 콘셉트 · 가상 브랜드
LivingPark / 부동산 분양 플랫폼
공간을 비교하고, 관심 타입으로 상담합니다.
방문 전에도 충분한 분양 경험을 제공하려는 시행·분양팀
아래 주문·예약·관리 화면은 예시 데이터로 작동합니다. 실제 결제나 접수는 이루어지지 않습니다.
- 설계 과제
- 모델하우스 방문 전에 공간과 조건을 충분히 비교하고 관심 정보를 상담에 넘기는 과제입니다.
- 구현한 흐름
- 공간 투어·평면도·월 납입 계산 예시와 관심 타입을 전달하는 상담 폼을 연결했습니다.
- 체험에서 확인할 변화
- 저장한 관심 타입이 상담에 표시되고, 필수 정보를 채우면 데모 접수가 완료됩니다.
설계 배경 전체 읽기
아파트·오피스 분양 안내와 사이버 모델하우스를 결합한 분양 플랫폼 데모입니다. 매물 타입 전환, 자동 투어를 갖춘 공간별 모델하우스 갤러리, 타입별 평면도 인터랙티브와 관심 타입 저장, 대출·월 납입 계산기, 입지 카테고리 필터, 분양 일정 타임라인을 지나 상담 신청 모달까지 — 분양 마케팅 사이트가 상담 전환에 이르는 여정 전체를 담았습니다.
탐색부터 상담까지한 흐름데모 구현 범위 · 실제 고객 성과 아님
WORKING PROTOTYPE
설명을 읽기 전에, 먼저 써보세요.
3-MINUTE MISSION
- 01상단 탭에서 아파트·오피스 타입을 전환해보세요
- 02모델하우스 우하단 자동 투어 버튼을 켜면 공간이 4초마다 자동으로 넘어갑니다
- 03평면도에서 59A·84B·112C 타입을 바꾸고 하트로 관심 타입을 저장해보세요 — 상담 모달에도 표시됩니다
나머지 체험 가이드 3개 보기
- ·대출 계산기에서 LTV·금리 슬라이더를 움직여 월 상환액이 실시간으로 바뀌는 걸 확인해보세요
- ·입지 환경에서 교통·교육·생활 카테고리를 토글해 거리·도보 시간을 비교해보세요
- ·우상단 상담 신청 버튼으로 모달을 열어 접수 완료까지 진행해보세요 (데모라 실제 전송은 없습니다)
인터랙티브 프로토타입
https://example.com
사이버 모델하우스 오픈
LivingPark Central
City
강남 중심에서 만나는 프리미엄 주거 공간. 혁신적인 설계와 최고급 마감재로 완성됩니다.
거실
1 / 6
← → 키로 공간 이동
LivingPark Central City
서울특별시 강남구 삼성동 123
분양가
0.0억~
침실 3개
욕실 2개
주차 1대
84m²
평면도
84B 타입 평면도
84m²방 3욕실 2주차 1
6.2억~
타입별 비교
한눈에 비교하고 선택하면 평면도·계산기에 바로 반영됩니다
전용면적
59m²
84m²
112m²
방
2
3
4
욕실
1
2
2
주차
1
1
2
가격
4.8억~
6.2억~
8.5억~
관리비
18만원
22만원
28만원
대출·월 납입 계산기목업
LTV·금리·기간을 조절해 월 상환액을 가늠해보세요
기준 분양가84B · 6.2억
50%
10%70%
3.5%
2.0%7.0%
상환 기간
대출금
3.1억
자기 자금
3.1억
예상 월 상환액 (원리금균등)
약 139만원
데모용 목업 계산기입니다. 실제 대출 한도·금리·상환액은 금융기관 심사에 따라 달라집니다.
프리미엄 커뮤니티
입주민 전용 편의시설
피트니스
수영장
주차장
보안
공원
스마트홈
카페
커뮤니티
주변 환경
카테고리를 골라 거리·도보 시간을 확인해보세요
Central City
지하철역300m · 도보 5분
초등학교500m · 도보 8분
대형마트400m · 도보 6분
공원200m · 도보 3분
병원600m · 도보 9분
지하철역300m · 도보 5분
초등학교500m · 도보 8분
대형마트400m · 도보 6분
공원200m · 도보 3분
병원600m · 도보 9분
분양 일정
청약부터 입주까지, 놓치면 안 되는 일정을 한눈에
입주자 모집공고
2026.08.01
청약홈·홈페이지 공고 게시
특별공급 청약
2026.08.10
신혼부부·다자녀·생애최초
3
1·2순위 청약
진행 중2026.08.11 – 08.12
청약홈 온라인 접수
4
당첨자 발표
2026.08.19
개별 통보·홈페이지 게시
5
정당계약 체결
2026.09.01 – 09.05
견본주택 계약실 방문
6
입주 예정
2029.03
준공 후 순차 입주
청약 자격·자금 계획까지 함께 안내드립니다
VIP 상담 신청
상담을 신청하시면 사전 분양 혜택과
우선 관람 기회를 드립니다.
PUBLIC SITE + ADMIN OS
보이는 사이트와
운영하는 관리자까지
부동산 분양 플랫폼 같은 공개 화면을 만든다면, 실제 담당자가 매일 사용할 관리자 환경도 함께 설계합니다. 오픈 이후 수정·응대·성과 확인과 장애 대응까지 한 프로젝트로 책임집니다.
통합 어드민 직접 보기분양 일정·방문 예약
02오픈 일정과 모델하우스 방문 슬롯 통합 관리
콘텐츠·배너 CMS
03페이지와 프로모션을 직접 수정하고 승인·예약 발행
고객·문의 CRM
04유입 채널부터 담당자 배정과 후속 업무까지 연결
성과·전환 분석
05방문과 광고비를 문의·예약·주문·매출로 연결
권한·보안·백업
06역할별 권한, 변경 이력과 장애·복구 상태 관리
WHAT YOU CAN DO
구현된 고객 여정
화면 수가 아니라 고객이 끝까지 해낼 수 있는 행동을 기준으로 구성했습니다.
01
매물 타입 전환
아파트·대형 오피스·소형 오피스 3종 타입을 탭 하나로 전환
02
사이버 모델하우스
화살표·키보드·스와이프·썸네일에 자동 투어 재생까지 지원하는 공간별 투어
03
평면도 인터랙티브
59A·84B·112C 타입 선택 시 면적·구성·가격 즉시 반영, 관심 타입 하트 저장 후 상담 모달 연동
04
대출·월 납입 계산기
분양가 기반 LTV·금리 슬라이더와 기간 선택으로 월 상환액 실시간 계산 (목업)
05
입지 카테고리 필터
교통·교육·생활 토글로 주변 시설을 필터링하고 거리·도보 시간 확인
06
분양 일정 타임라인
청약 절차(아파트)와 입주 절차(오피스)를 진행 상태와 함께 시각화
07
상담 신청 모달
이름·연락처·관심 타입 입력과 검증, 접수 완료까지 이어지는 전환 플로우
08
반응형
PC·모바일 각각에 최적화된 레이아웃
BUILD NOTES / 구현 기반 보기5 technologies +
Next.jsReactTypeScriptTailwindCSSFramer Motion
YOUR VISION, OUR POEMORA.
부동산 분양 플랫폼 같은 경험이 우리 사업에도 필요하다면.
예쁜 화면만이 아니라 고객이 실제로 행동하고, 운영팀이 이어서 관리할 수 있는 범위까지 함께 설계합니다.