Step 01
상품 카탈로그
유저가 상품 블로그 페이지에서 상품을 탐색하고 [다해줌] 버튼을 클릭합니다.
이 화면에서 일어나는 일
다해줌 상품이 있으면 다해줌 버튼 표시 / 최저가 구매하기는 '사러가기' 버튼명 변경
가격 비교 탭: 다해줌 대상 상품에 다해줌 버튼 표시
[다해줌] 버튼 탭 시 옵션 선택 바텀시트 진입
다음 단계로 이동
Step 02
옵션 선택
바텀시트에서 색상·사이즈를 선택하고, 장바구니 또는 바로구매를 선택합니다.
이 화면에서 일어나는 일
상품명 및 가격 (89,000원) + 배송비 3,000원 표시
필수 옵션: 색상 선택 / 사이즈 선택 드롭다운
수량 조절 (-/+), 최대 구매 10개
하단에 총 상품금액 실시간 업데이트
⚠ 경로 분기 포인트
장바구니 담기
장바구니에 추가 후 장바구니 페이지로 이동
→
바로구매
장바구니 없이 주문결제 페이지로 바로 이동
→
다음 단계로 이동
Step 03 · 경로 A
장바구니
담긴 상품 목록을 확인하고, [총 3건 주문하기] 버튼으로 주문결제로 이동합니다.
이 화면에서 일어나는 일
쇼핑몰별로 묶인 상품 카드 표시 (Gmarket, 퓨처테리어 등)
각 상품의 옵션·수량·가격 확인
전체선택 / 선택삭제 / 주문수정 기능
하단 총 결제금액 3,432,000원 실시간 표시
[총 3건 주문하기] → 주문결제 페이지 이동
장바구니 내 상품
조립 PC
블랙 1,240,000 + Win11 PRO 110,000 + 노트북케이스 30,000
레노버 씽크패드 E16 G3
U7 AI 32GB 램
다음 단계로 이동
Step 04
주문결제
배송지를 확인하고 주문 상품을 검토한 뒤 [3,432,000원 결제하기] 버튼을 누릅니다.
이 화면에서 일어나는 일
배송정보: 홍길동 / 서울특별시 금천구 가산디지털 2로 144
연락처 010-1234-5678, 배송 전 연락 옵션
주문상품: AULA F108 PRO (Gmarket, 배송비 3,000원)
하단 바: 결제 내용 확인 및 정보 제공 동의
[결제하기] 탭 → 주문완료 페이지 이동
주문 요약
배송지
홍길동 · 서울 금천구 가산디지털 2로 144
결제 금액
3,432,000원 (배송비 3,000원 포함)
다음 단계로 이동
Step 05 · 완료
주문완료
주문이 성공적으로 완료되었습니다. 배송정보·주문내역·결제내역을 최종 확인합니다.
주문 완료 요약
주문번호
20260210123456
배송지
홍길동 · 서울 금천구 가산디지털 2로 144 18층
최종 결제금액
3,092,470원 (국민카드 1110****021 / 일시불)
결제 내역
상품금액: 3,089,470원
배송비: 3,000원
총 결제금액: 3,092,470원
주문상품 총 3건
플로우 완료 🎉
카탈로그 → 옵션선택 → 결제 플로우 정상 완료
처음으로 돌아가려면 Step 1을 클릭하세요