구매자가 5단 옵션을 골라 주문하고, 내부·입점사 관리자가 그 주문을 설정·확인하는 화면을 순서대로 담았습니다.
스토리보드란?
스토리보드는 수정될 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 구매자와 관리자 화면을 주문이 흘러가는 순서대로 배치했습니다.
마지막까지 보시면 기존 주문을 지키면서 5단 옵션이 쇼핑몰과 관리자 화면에 어떻게 이어지는지 그려지실 것입니다.
특수필름 상품을 5단 옵션으로 고르고 추가상품과 함께 결제까지 이어지는 흐름입니다.
특수필름 상품 상세
진입
종류·농도·부위·폭·길이
차례로 선택
시공 도구를
본상품에 묶어 담기
옵션 요약과
금액 재계산
옵션·금액 확인 후
결제 완료
제안서의 "단계 수 설정형 옵션"을 구매자 화면으로 옮긴 모습입니다. 특수필름 상품에서만 4·5단(롤 폭·재단 길이)이 나타나고, 앞 단계를 고르면 다음 단계가 열립니다. 데모 Step 1에서 직접 골라볼 수 있습니다.
옵션 단계는 상품별 설정값을 읽어 1~5단을 그립니다. 조합마다 추가금·품절을 서버에서 계산해 표시하고, 특수필름 유형이면 재단 길이 규칙과 교환 불가 안내를 붙입니다. 일반 상품은 기존 3단 화면 그대로입니다.
제안서 첫 과업인 추가상품 버그 수정이 보이는 화면입니다. 추가상품은 본상품 아래 묶여서 수량·삭제·옵션 변경을 함께 따라가고, 5단 옵션은 한 줄 요약으로 표시됩니다. 데모 Step 2에서 확인합니다.
장바구니 항목에 본상품-추가상품 부모 관계를 두어, 본상품 삭제·옵션 변경 시 추가상품이 함께 처리됩니다. 금액은 상품·옵션 추가금·추가상품을 나눠 다시 계산하고, 현장 재현한 버그 목록을 하나씩 고친 뒤 표시합니다.
| 상품 · 옵션 | 금액 |
|---|---|
| 열차단 틴팅필름 PS70 PS70 / 35% / 측후면 5면 / 1,520mm / 3m | 101,000원 |
| └ 추가 · 전용 헤라 세트, 시공용 분사기 | 16,700원 |
| 도어컵 보호필름 PPF 투명 유광 / 4매 × 2 | 24,000원 |
| └ 추가 · 클리너 250ml | 5,900원 |
주문 프로세스 전반 수정의 마지막 관문입니다. 결제 직전 5단 옵션과 추가상품이 빠짐없이 적히고, 서버가 다시 계산한 금액과 화면 금액이 같을 때만 결제로 넘어갑니다. 데모 Step 3과 이어집니다.
주문 생성 시 옵션 5단 값과 조합 코드를 주문 상품에 함께 저장해, 이후 옵션이 바뀌어도 주문 당시 내용이 남습니다. 재단 상품은 교환 불가 동의를 받아야 결제 버튼이 열립니다.
내부 관리자가 5단 옵션을 설정하고, 들어온 주문을 내부·입점사 관리자가 함께 확인해 출고하는 흐름입니다.
상품별 옵션
단계 수 지정
조합별 추가금·
재고 등록
5단 옵션 주문
상세 확인
재단 완료·
출고 처리
기존 3단 주문
금액 대조
| 조합 코드 | 추가금 | 상태 |
|---|---|---|
| PS70-35-SD-1520-3M | +12,000원 | 판매 |
| PS70-15-FR-1520-2M | +8,000원 | 판매 |
| PS50-50-SUN-1020-1M | +3,000원 | 품절 |
| CER-35-SD-1520-5M | +26,000원 | 판매 |
| CER-15-FR-1020-4M | +19,000원 | 미사용 |
제안서의 핵심 설계를 관리자 쪽에서 보여줍니다. 운영자가 상품마다 옵션 단계 수를 1~5단으로 정하고, 조합별 추가금·품절을 한 표에서 관리합니다. 데모 Step 4 직전 설정 화면입니다.
옵션 그룹·옵션 값·조합을 단계 수와 무관한 구조로 저장하고, 기존 3단 데이터는 이관 스크립트로 같은 구조에 옮깁니다. 현재 Java/Spring·MyBatis·MySQL 5.7·JEUS 환경 안에서 바꿉니다.
| 주문 품목 | 옵션 (1~5단) | 수량 | 금액 |
|---|---|---|---|
| 열차단 틴팅필름 PS70 | PS70 · 35% · 측후면 5면 · 1,520mm · 3m | 1 | 101,000원 |
| └ 추가 · 전용 헤라 세트 | - | 1 | 9,900원 |
| └ 추가 · 시공용 분사기 | - | 1 | 6,800원 |
| 도어컵 보호필름 PPF | 투명 유광 · 4매 | 2 | 24,000원 |
| └ 추가 · 클리너 250ml | - | 1 | 5,900원 |
주문이 들어온 뒤 내부 관리자가 보는 화면입니다. 5단 옵션과 추가상품이 한 주문 안에 묶여 보이고, 입점사 처리 이력이 같은 화면에 쌓입니다. 데모 Step 4에서 확인합니다.
주문 상세·엑셀 다운로드·정산 쿼리까지 옵션을 읽는 곳을 전수 수정합니다. 이관 전 주문 샘플로 수정 전후 금액을 대조한 결과를 변경 문서와 함께 소스 원본으로 인계합니다.
| 주문번호 | 상품 · 5단 옵션 | 추가상품 | 상태 | 처리 |
|---|---|---|---|---|
| ORD-0923-00418 | PS70 · 35% · 측후면 · 1,520mm · 3m | 헤라 세트 외 1 | 재단 대기 | |
| ORD-0923-00409 | PS50 · 15% · 전면 · 1,020mm · 2m | - | 재단 대기 | |
| ORD-0922-00377 | 세라믹 · 50% · 썬루프 · 1,020mm · 1m | 분사기 1 | 출고 완료 | 송장 등록됨 |
입점사가 자기 상품 주문을 보고 재단·출고하는 화면입니다. 5단 옵션 전체가 한 줄로 보여 재단 실수를 줄이고, 추가상품도 함께 챙깁니다.
입점사 계정은 자기 상품 주문만 조회하도록 기존 권한 조건을 그대로 쓰고, 옵션 표시 부분만 5단 구조를 읽게 바꿉니다. 내부 관리자와 같은 주문 데이터를 보므로 상태가 바로 맞춰집니다.