본문으로 건너뛰기
포트폴리오 목록으로

웹사이트콘셉트 데모

부동산 분양 플랫폼

사이버 모델하우스 인터랙티브 데모

직접 써보기 이 사례를 참고해 문의하기

한 흐름탐색부터 상담까지

누구를 위해
방문 전에도 충분한 분양 경험을 제공하려는 시행·분양팀
무엇이 문제였나
모델하우스 방문 전에 공간과 조건을 충분히 비교하고 관심 정보를 상담에 넘기는 과제입니다.
무엇을 했나
공간 투어·평면도·월 납입 계산 예시와 관심 타입을 전달하는 상담 폼을 연결했습니다.
무엇이 달라지나
저장한 관심 타입이 상담에 표시되고, 필수 정보를 채우면 데모 접수가 완료됩니다.
부동산 분양 플랫폼 체험 화면
가상 브랜드로 만든 체험 화면입니다. 실제 고객 사례가 아닙니다.

어떻게 움직이나

한 건의 일이 처음부터 끝까지 어떻게 흘러가는지 순서대로 보여드립니다.

관심 타입이 상담 접수가 되기까지

예시 입력타입 84B계산 LTV·금리

재생을 누르거나 단계를 눌러 순서대로 살펴보세요.

직접 써보기

가상 브랜드로 만든 데모입니다. 주문·예약·상담은 실제로 전송되지 않습니다.

이렇게 해보세요

  1. 상단 탭에서 아파트·오피스 타입을 전환해보세요
  2. 모델하우스 우하단 자동 투어 버튼을 켜면 공간이 4초마다 자동으로 넘어갑니다
  3. 평면도에서 59A·84B·112C 타입을 바꾸고 하트로 관심 타입을 저장해보세요 — 상담 모달에도 표시됩니다
체험 가이드 3개 더 보기
  • 대출 계산기에서 LTV·금리 슬라이더를 움직여 월 상환액이 실시간으로 바뀌는 걸 확인해보세요
  • 입지 환경에서 교통·교육·생활 카테고리를 토글해 거리·도보 시간을 비교해보세요
  • 우상단 상담 신청 버튼으로 모달을 열어 접수 완료까지 진행해보세요 (데모라 실제 전송은 없습니다)

화면 크기를 바꿔 PC와 모바일에서 같은 흐름을 확인할 수 있습니다.

https://example.com
LivingPark Central City exterior
사이버 모델하우스 오픈

LivingPark Central
City

강남 중심에서 만나는 프리미엄 주거 공간. 혁신적인 설계와 최고급 마감재로 완성됩니다.

거실
거실
1 / 6
← → 키로 공간 이동

LivingPark Central City

서울특별시 강남구 삼성동 123

분양가

0.0억~
침실 3개
욕실 2개
주차 1대
84m²

평면도

84B 타입 평면도

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만원

데모용 목업 계산기입니다. 실제 대출 한도·금리·상환액은 금융기관 심사에 따라 달라집니다.

프리미엄 커뮤니티

입주민 전용 편의시설

피트니스
수영장
주차장
보안
공원
스마트홈
카페
커뮤니티

주변 환경

카테고리를 골라 거리·도보 시간을 확인해보세요

200m400m600m
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 상담 신청

상담을 신청하시면 사전 분양 혜택과
우선 관람 기회를 드립니다.

신청 시 개인정보처리방침에 동의하게 됩니다.
고객님의 정보는 안전하게 보호됩니다. (데모 — 실제 전송 없음)

LivingPark Premium

가상 투어 프로토타입

만든 범위

아파트·오피스 분양 안내와 사이버 모델하우스를 결합한 분양 플랫폼 데모입니다. 매물 타입 전환, 자동 투어를 갖춘 공간별 모델하우스 갤러리, 타입별 평면도 인터랙티브와 관심 타입 저장, 대출·월 납입 계산기, 입지 카테고리 필터, 분양 일정 타임라인을 지나 상담 신청 모달까지 — 분양 마케팅 사이트가 상담 전환에 이르는 여정 전체를 담았습니다.

구현한 기능

  • 매물 타입 전환아파트·대형 오피스·소형 오피스 3종 타입을 탭 하나로 전환
  • 사이버 모델하우스화살표·키보드·스와이프·썸네일에 자동 투어 재생까지 지원하는 공간별 투어
  • 평면도 인터랙티브59A·84B·112C 타입 선택 시 면적·구성·가격 즉시 반영, 관심 타입 하트 저장 후 상담 모달 연동
  • 대출·월 납입 계산기분양가 기반 LTV·금리 슬라이더와 기간 선택으로 월 상환액 실시간 계산 (목업)
  • 입지 카테고리 필터교통·교육·생활 토글로 주변 시설을 필터링하고 거리·도보 시간 확인
  • 분양 일정 타임라인청약 절차(아파트)와 입주 절차(오피스)를 진행 상태와 함께 시각화
2개 더 보기
  • 상담 신청 모달이름·연락처·관심 타입 입력과 검증, 접수 완료까지 이어지는 전환 플로우
  • 반응형PC·모바일 각각에 최적화된 레이아웃

사용한 기술

Next.js · React · TypeScript · TailwindCSS · Framer Motion

확인된 사실

유형
분양 플랫폼
매물 타입
3종
모델하우스
자동 투어
인터랙션
계산기·상담 모달

데모의 구현 범위입니다. 실제 고객 성과가 아니며, 브랜드와 인물은 체험을 위해 만든 가상 콘셉트입니다.