프로젝트 배경
1) 문제점 - 구독 상품은 옵션 조합에 따라 최종 금액이 달라지는데, 결제 직전까지 금액을 알 수 없어 이탈이 발생 - 해지·일시정지 정책이 하단 약관에 묻혀 있어 구독 결정을 망설이게 함 - 할인율 표기만으로는 실제 절약 금액이 체감되지 않음 2) 목표 - 옵션을 고를 때마다 회차 금액이 즉시 재계산되는 요약 영역 구현 - 위약금·일시정지 정책을 요약 카드 안으로 끌어올려 선노출 - 할인율
프로젝트 성과
결제 전 최종 금액 확인 시점을 요약 카드로 이동
원두·용량·분쇄·주기·수량 변경 시마다 구독 할인과 무료배송 기준까지 반영한 회차 금액을 즉시 표시
핵심 기능
진행 단계
구독 계산 로직 설계 및 화면 구현
2026.08.
구독 할인·무료배송·원두별 추가금 계산 규칙을 정의하고 다크 에디토리얼 디자인 시스템과 함께 구현
프로젝트 상세
원두 정기구독 쇼핑몰 자체 기획 데모입니다. 실제 납품본을 공개할 수 없어 같은 설계를 가상 브랜드로 다시 지었습니다. 구독 상품에서 가장 어려운 지점은 "내가 결국 얼마를 내게 되는지 마지막까지 모른다"는 것입니다. 이 시안은 그 문제 하나를 화면 하나로 풀었습니다. 원두·용량·분쇄·주기·수량을 고를 때마다 오른쪽 요약이 즉시 다시 계산됩니다. 구독 할인 15%와 4만원 이상 무료배송, 원두별 추가 금







