1. 프로젝트 개요
SOULPOT COOK QR 메뉴 & 웹 메뉴 페이지 제작
☑️ 매장 테이블의 QR 코드 스캔 → 모바일 웹 메뉴로 연결
☑️ 역할: 기획 · 브랜딩 · 디자인 · 퍼블리싱(반응형)
☑️ 구성: 테이블 QR 스탠드(오프라인) + 웹 메뉴(온라인)
2. 기획 포인트
▫️ 주문 접근성 강화
- 테이블에서 QR 한 번 스캔으로 즉시 메뉴 열람
- 스크롤형 섹션(카테고리)로 빠른 탐색
▫️ 메뉴 이해도 향상
- 요리 사진 라이트박스(모달) 확대로 시각적 설명 강화
- 메뉴명·설명·가격을 단순한 수평 레이아웃으로 정리
▫️ 운영 효율성/확장성
- 워드프레스 기반으로 메뉴·가격 상시 수정 가능
- 이후 온라인 주문/픽업, 예약 모듈 연동 확장 전제
3. 디자인 요소
▫️ 컬러
- 코랄 레드(#FF5A5A) – 브랜드 포인트 & QR 안내
- 크림 화이트(#F7F3EF) – 종이 질감 느낌의 배경
- 차콜 블랙(#222222) – 텍스트 및 구분선
▫️ 폰트
- Pretendard / Noto Sans (가독성 중심의 산세리프)
▫️ 레이아웃
- 상단 로고 & 브랜드 슬로건
- 메뉴명(대문자) – 긴 구분선 – 오른쪽 썸네일
- 설명/가격은 하단 좌정렬로 정돈
▫️ 이미지
- 실사 요리 이미지 사용, 호버/클릭 시 확대 모달로 디테일 제공
4. 구현 기능
● QR 연결 페이지: 매장 테이블 스탠드의 QR → 웹 메뉴 오픈
● 라이트박스(모달): 메뉴 이미지를 크게 감상(슬라이드 지원)
● 카테고리 앵커: CRISPY TACOS / EGG TOAST / NOODLE SOUP 등
● 반응형 레이아웃: 모바일 우선, 태블릿/PC 최적화
● 관리자 편집: 메뉴명·설명·가격·이미지 쉽게 교체
● 접근성 보완: 이미지 alt, 명도 대비, 키보드 닫기 지원
● (선택) 통계 연동: QR 스캔 유입/메뉴 클릭 GA 이벤트 설정
5. 느낌 & 효과
● 브랜드 키워드: 따뜻함 · 깔끔함 · 현대적인 캐주얼 다이닝
● 사용자 경험: “QR 스캔 → 직관적 메뉴 → 사진 확대 확인” 흐름으로
● 초행 방문자도 빠르게 메뉴 파악
● 매장 내 설명/대기 시간 감소, 회전율/만족도 ↑