F&B

로스터리 '하루밀' — 원두 구독 플랜 빌더

로스팅 강도·용량·주기·수량을 고르면 월 예상 금액과 다음 배송일 세 번이 바로 계산되는 카페·베이커리 사이트입니다. 원두마다 산지와 테이스팅 노트를 적었습니다.

비공개·데모 — AI 가상 데이터로 재구성한 예시입니다

데모 열기 ↗정적 HTML, Tailwind CSS(빌드), 바닐라 JS, nginx

문제

로스터리 카페의 본체는 매장이 아니라 원두 구독이다. 일회성 장바구니와 달리 구독은 주기가 금액을 바꾼다 — 2주 배송이면 월 2회, 4주면 월 1회라 같은 원두라도 월 부담이 두 배 차이 난다. 배송일도 로스팅 요일에 맞춰 잡혀야 한다.

해결

플랜 빌더에서 로스팅 강도를 바꾸면 추천 원두와 테이스팅 노트가 함께 바뀌고, 용량·주기·수량을 바꿀 때마다 회당 결제액과 월 예상 금액이 다시 계산된다. 주기를 2주에서 4주로 바꾸면 월 배송이 2회에서 1회로 줄고 다음 배송일 세 개가 새로 잡힌다. 수량을 늘려 임계 금액을 넘기면 배송비가 무료로 전환된다. 저장 없이 메모리로만 돌고 외부 전송은 0이다.

4
구독 변수(강도·용량·주기·수량): 0
외부 전송·저장: 0
가로 오버플로

화면