1. 프로젝트 개요
Crush & Pour QR 메뉴 & 웹 메뉴 페이지 제작
☑️ 매장 테이블 QR 코드 스캔 → 모바일 웹 메뉴로 연결
☑️ 역할: 기획 · 브랜딩 · 디자인 · 퍼블리싱(반응형)
☑️ 구성: 오프라인 QR 스탠드 + 온라인 웹 메뉴 페이지
2. 기획 포인트
주문 접근성 강화
•QR 한 번 스캔으로 바로 칵테일 & 푸드 메뉴 열람
•drink / food 카테고리 탭으로 직관적 탐색
메뉴 이해도 향상
•칵테일/푸드 실사 이미지 + 명칭/가격 직관적 배치
•라이트박스(모달) 확대 기능으로 디테일 확인 가능
운영 효율성 & 확장성
•메뉴/가격 상시 수정 가능
•추후 온라인 예약, 주문/픽업, 이벤트 모듈 연동 전제
3. 디자인 요소
컬러
•코랄 핑크 (#FF6F91) : 브랜드 포인트 & QR 안내
•파스텔 바이올렛 (#C8A2FF) : 배경 그라디언트
•차콜 블랙 (#222222) : 메뉴 텍스트
폰트
•Pretendard / Noto Sans (가독성 중심 산세리프)
레이아웃
•상단 로고 & 브랜드 슬로건
•Drink / Food 카테고리 탭 전환
•메뉴명 대문자 → 이미지 → 가격 순서 정리
이미지
•칵테일/푸드 실사 이미지 활용
•클릭 시 확대(모달)로 재료 디테일 제공
4. 구현 기능
● QR 연결 페이지: 테이블 QR → 모바일 웹 메뉴 페이지 오픈
● 라이트박스(모달): 칵테일/푸드 이미지 클릭 시 크게 감상
● 카테고리 탭: Drink / Food 전환, 메뉴 카테고리별 탐색
● 반응형 레이아웃: 모바일 우선, 태블릿/PC 최적화
● 관리자 편집: 메뉴명·설명·가격·이미지 쉽게 교체
● 접근성 보완: alt 텍스트, 명도 대비, 키보드 조작 지원
● (선택) 구글 애널리틱스 연동: 메뉴 클릭/QR 유입 데이터 수집
5. 느낌 & 효과
● 브랜드 키워드: 감각적 · 세련됨 · 프리미엄 캐주얼 칵테일
● 사용자 경험:
•QR 스캔 → 메뉴 선택 → 이미지 확대 → 직관적 가격 확인
•초행 고객도 빠르게 메뉴 파악 가능
•테이블 설명·대기 시간 감소, 고객 만족도 & 회전율 상승