1. 개요

비교에 담은 세대와 상담 예약은 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 비교표와 예약 확인에 그대로 남아 있습니다.

범위 밖: 확인 문자·전화 발송, 청약·계약 신청, 대출 계산, 분양 담당자용 관리자 화면, 여러 기기에서 같은 예약을 보는 서버 저장.

2. 과제

1. "우리 가족엔 어느 세대?"에 답해야 한다.

면적·침실·가격·테라스를 따로 흩어 보면 비교가 안 됩니다. 두세 세대를 한 표에 나란히 놓아야 결정이 빨라집니다.

2. 상담 예약이 곧 성과다.

날짜와 시간을 고르다 막히면 전화로 넘어가지 않고 그냥 나갑니다. 이미 찬 시간은 처음부터 막혀 있어야 헛걸음이 없습니다.

3. 예약한 뒤 다시 확인할 곳이 필요하다.

"몇 시였지?"를 물으려 전화하지 않도록, 이름과 연락처만으로 예약을 찾고 직접 취소할 수 있어야 합니다.

3. 화면 구조

분양 정보는 첫 화면 한 페이지에 이어집니다. 평면도·세대 비교·예약 확인은 페이지를 옮기지 않고 위에 겹쳐 열립니다. 세대 탭의 "이 세대 상담"과 휴대폰의 떠 있는 버튼은 모두 상담 예약으로 이어지고, 주소 끝에 `#reservations`를 붙이면 예약 확인이 바로 열립니다.

4. 주요 기능

세대 비교

세대 탭마다 "비교에 담기"를 누르면 머리글 "세대 비교" 옆 숫자가 늘어납니다. 비교표는 담은 세대를 사진·전용 면적·침실·분양가·테라스·형태·보이는 것·추천 대상 8줄로 나란히 놓습니다. 표 위 버튼으로 세대를 바로 더하거나 빼고(최대 3세대), 담은 목록은 다음 방문에도 남습니다.

평면도 — 공간 눌러 면적 보기

"평면 보기"를 누르면 세대 평면이 그려지고, 거실·주방·침실 같은 공간을 누르면 색이 바뀌며 대략 면적을 알려 줍니다.

상담 예약과 예약번호

견본주택 방문과 화상 상담 중 하나를 고르고, 앞으로 7일 중 날짜와 시간대를 고릅니다. 이미 예약이 들어간 시간은 줄이 그어지고 눌리지 않습니다. 이름·연락처 형식·개인정보 동의를 확인한 뒤 저장하면 예약번호(HA-순번)가 나옵니다. "이 세대 상담"으로 들어오면 관심 세대가 먼저 채워져 있습니다.

예약 확인·취소

머리글 "예약 확인"에서 예약을 최근 순으로 보여 주고, 이름과 연락처를 넣으면 둘 다 맞는 예약만 찾습니다. 예약을 취소하면 상태가 '취소'로 바뀌고, 그 시간은 다른 예약에 다시 열립니다.

• 고르는 이유 넘기기아치 모양 패널 안에서 이유 3가지를 번호·화살표로 넘깁니다.
• 입지 거리 목록해변·학교·병원·공항까지 거리를 한 목록으로 보여 줍니다.

5. 기술

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

동작 시험 13가지: 고르는 이유 넘기기 · 세대 탭 전환 · 평면 보기와 공간 누르기 · 비교에 두 세대 담기 · 세대 비교표 · 비교표에서 세대 추가 · 새로고침 뒤 비교 유지 · 예약 빈칸 검사 · 상담 예약 저장 · 같은 시간 다시 못 고름 · 새로고침 뒤 이름·연락처로 예약 조회 · 틀린 연락처 조회 · 예약 취소와 시간 다시 열림

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준)

휴대폰: 첫 화면 표시 1.5초 · 가장 큰 요소 표시 3.8초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.4초 · 가장 큰 요소 표시 0.9초 · 화면 흔들림 0 · 입력 막힘 0ms

7. 결과