← 작업 전체
카페 모바일 픽업 주문과 단골 스탬프
메뉴 옵션을 고르고 픽업 시간을 정해 주문하면 접수·제조·픽업 진행이 보이고, 주문마다 스탬프가 쌓이는 동네 카페 사이트입니다. 주문은 칸반 보드에서 관리합니다.
풀어야 했던 문제
배달 앱 수수료 없이 단골에게 픽업 주문을 받고 싶지만, 메뉴 옵션과 품절, 픽업 시간이 매번 달라 메신저 주문은 실수가 잦습니다.
이렇게 풀었습니다
옵션별 추가금이 합산되는 메뉴 시트, 영업시간 안에서 10분 단위로 고르는 픽업 시간, 주문 번호와 진행 바가 있는 완료 화면으로 흐름을 만들었습니다. 주문 관리는 접수·제조 중·픽업 가능 칸반으로 두어 카운터에서 끌어다 옮기면 됩니다.
만든 것
- 메뉴 카테고리 탭과 품절 표시, 사이즈·샷·시럽·온도 옵션과 추가금 합산
- 장바구니 수량·요청사항, 픽업 시간 선택(지금부터 15분 뒤, 10분 단위)
- 주문 완료: 주문 번호(A-023 형식)와 접수·제조 중·픽업 가능 진행 바
- 단골 스탬프 적립, 오늘의 원두와 시즌 메뉴
- 관리자: 주문 칸반 보드, 품절 토글, 오늘 주문 집계
확인 범위가상의 업체를 가정해 직접 기획하고 만든 시안입니다. 서버 없이 브라우저 안에서 동작하며, 입력한 내용은 보는 사람의 브라우저에만 남습니다.
화면 모아보기
메뉴 화면. 카테고리 탭과 품절 표시. 
메뉴 상세 시트. 옵션을 바꾸면 추가금이 바로 합산됩니다. 
장바구니와 픽업 시간 선택. 
단골 스탬프와 오늘의 원두. 
주문 관리 칸반 보드. 
모바일 첫 화면.