1. 개요

장바구니, 주문과 주문 상태, 받는 분 정보, 가입 이메일은 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 그대로 남아 있습니다.

범위 밖: 결제, 재고, 가입 할인 코드의 결제 적용, 관리자 화면, 회원 로그인(이메일 가입 기록만 저장), 여러 기기에서 같은 주문을 보는 서버 저장.

2. 과제

1. 비슷한 색과 무늬 앞에서 망설인다.

사진만으로는 결과 크기를 가늠하기 어렵습니다. 어디에 두고 어떤 느낌을 원하는지로 골라 주는 길이 있어야 합니다.

2. 여러 장 살 때 할인이 얼마인지 모른다.

두 장, 세 장을 담을 때마다 빠지는 금액과 "한 장 더 담으면" 받는 혜택이 바로 보여야 합니다.

3. 주문한 뒤 다시 볼 곳이 없다.

어떤 색을 몇 장, 어느 주소로 보냈는지 손님이 직접 찾아보고 취소까지 할 수 있어야 합니다.

3. 화면 구조

첫 화면부터 이야기까지 한 페이지를 내려 보며 담요를 둘러봅니다. 큰 사진 옆에 상품 네 칸을 붙인 구역이 두 번 나오고, 아래 컬렉션 탭에서 다시 고릅니다. 쇼핑 서랍·검색·담요 찾기·상품 상세·장바구니·주문 내역은 페이지를 옮기지 않고 위에 겹쳐 열립니다.

4. 주요 기능

수량 할인 장바구니

두 장이면 15%, 세 장 이상이면 20%가 자동으로 빠집니다. 위쪽 안내는 담은 수에 따라 "한 장 더 담으면" 받는 할인으로 바뀝니다. 담은 상품·크기·수량은 새로고침해도 남아 있습니다.

상품 상세 — 크기 고르기

상품을 누르면 상세가 열려 싱글(130×180)과 퀸(180×220) 중에서 고릅니다. 크기를 바꾸면 가격이 바로 바뀌고, 소재와 관리·배송 안내는 접었다 펼쳐 봅니다.

주문서와 주문번호

받는 분·연락처·주소를 받고 상품 금액·수량 할인·배송비·결제 금액을 나눠 보여 줍니다. 저장하면 주문번호(SG날짜-순번)가 나오고 장바구니가 비워집니다.

주문 내역과 주문 취소

주문한 상품의 번호·색·크기·수량과 금액·배송지를 보여 줍니다. 취소하면 "취소됨"으로 바뀌고, 새로고침 뒤에도 그 상태가 남습니다.

• 나에게 맞는 담요 찾기"어디에 두나요?"(침대·소파·밖에서)와 "좋아하는 느낌은?"(밝게·차분하게·따뜻하게) 두 가지를 고르면 맞는 담요를 추천합니다.
• 컬렉션 탭단색·줄무늬·전체 탭을 누르면 그 컬렉션의 담요만 남습니다.
• 가입하고 소식 받기처음 들어오면 잠시 뒤 가입 창이 열리고, 이메일 형식을 확인해 저장합니다. 가입한 뒤에는 다음 방문부터 이 창을 다시 띄우지 않습니다.
• 쇼핑 서랍옆에서 열리는 서랍에서 전체·단색·줄무늬·새로 들어온 색과 주문 내역으로 바로 갑니다.
• 검색PC 머리글의 검색에서 색이나 이름(예: 세이지)을 넣으면 맞는 담요가 바로 나옵니다.

5. 기술

6. 검수

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

동작 시험 12가지: 줄무늬 컬렉션 · 상세에서 퀸 고르기 · 담기와 장바구니 열기 · 두 장 더 담아 할인 적용 · 새로고침 뒤 장바구니 유지 · 정보 없이 주문 막기 · 주문 저장 · 새로고침 뒤 주문 내역 조회 · 주문 취소와 상태 유지 · 가입 저장과 가입 창 다시 안 뜸 · 담요 찾기 · 검색

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준 · PC는 PC 기준으로 각각 세 번 측정, 가입 창은 닫은 상태)

휴대폰: 첫 화면 표시 0.8초 · 가장 큰 요소 표시 3.0~3.2초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.2초 · 가장 큰 요소 표시 0.6초 · 화면 흔들림 0 · 입력 막힘 0ms

7. 결과