플랫폼 · Waiting & Reservation

대기 · 예약

매장 앞에서 원격으로 줄을 서거나, 원하는 날짜 · 시간에 방문을 예약하는 페이지입니다. 고객은 등록 후 화면을 닫았다가 여러 번 다시 열어보므로, 열 때마다 ‘내 순서가 어디쯤인지’가 가장 먼저 보여야 합니다.

대표 화면 — 원격 줄서기 · 예약

줄서기를 등록하고 시뮬레이션 버튼으로 호출까지 진행하거나, 예약 탭에서 시간을 골라 보세요.

9:41

성수동 · 영업 중 11:00 – 22:00

온기 식당 성수점

현재 대기

7팀

예상 대기

약 25분

방문 인원

총 인원2명

호출 알림 받을 번호

010-1234-5678

순서가 되면 알림톡으로 알려드려요. 호출 후 5분 안에 오지 않으면 다음 팀으로 넘어가요.

화면	진입	핵심 요소
줄서기 등록	매장 QR · 입구 태블릿 · 앱	현재 대기 팀 수 · 예상 대기 → 인원 스테퍼 → 알림 받을 번호 → CTA
번호표	등록 직후 · 알림톡 링크	대기 번호 56px · 인원 · 등록 시각 · 남은 팀 진행 막대 · 예상 대기 · 취소
호출	순서 도착 (알림톡 · 푸시)	브랜드 배경 배너 · 입장 마감 시각 · ‘입장했어요’
예약	예약 탭 · 매장 페이지	날짜 칩 → 시간 슬롯(마감은 취소선) → 인원 → 일시 · 인원이 들어간 CTA
예약 확정	예약 직후 · 내역	예약 번호 · 일시 · 인원 · 취소 가능 시한 · 변경 / 취소

상태	값	고객 화면	콘솔 행동
대기	waiting	번호표 · 내 앞 N팀	호출
호출	called	‘지금 입장해 주세요’ 배너 · 입장 마감 시각	입장 처리 · 노쇼 처리
입장	seated	입장 확인 완료	—
취소	cancelled	취소 안내 · 다시 줄서기	—
노쇼	noshow	‘호출 시간이 지나 대기가 취소됐어요’	—

호출 후 유지 시간은 매장이 콘솔에서 정한 값(call_hold_minutes, 1–60분)을 그대로 씁니다. 고객 화면에는 남은 분이 아니라 ‘19:47까지’처럼 마감 시각으로 보여줍니다.

항목	값
data-platform	`"waiting"`
밀도	Mobile
기본 컨트롤 높이 (md)	48px
기본 본문 크기	15px
최소 터치 영역	44px
대기 번호	56px · bold · tabular 숫자
입구 태블릿	같은 화면을 가로 태블릿에서 2단(등록 폼 + 현재 대기 현황)으로 배치, 컨트롤은 Touch 밀도(56px)

이렇게 하세요

이렇게 하지 마세요