AWG 올웨더그로스
estimateStudio

[case] 사례 연구 · menufactory

awg-04외식 · 카페2026live

메뉴팩토리

외식 메뉴 사진을 채널 규격으로 정리하는 신청·운영 시스템

menu.awg.kr

01과제

식당·카페 대표님이 스마트폰으로 찍은 메뉴 사진은 색·구도·밝기가 제각각이라 채널마다 그대로 쓰기 어렵습니다.

출장 촬영은 섭외 · 일정 조율 · 매장 정리 부담이 크고, 신메뉴가 나올 때마다 재촬영이 필요합니다.

02접근 — 판단은 사람, 실행은 시스템

대표님이 사진을 직접 고르고 업로드하는 ‘판단’은 사람이, 접수 · 검증 · 알림 · 관리의 ‘실행’은 시스템이 맡습니다.

먼저 사진을 안정적으로 수집 · 관리하는 운영 코어를 세우고, 보정 엔진 · 결제는 단계적으로 올리는 순서로 설계했습니다.

03구축 내용

  • 랜딩 + 신청 폼

    8섹션 랜딩과 비로그인 신청 폼(매장·사진·정보·동의 4단계). Zod 검증, 휴대폰 형식 검사, 필수 동의 적용.

  • 사진 업로드

    예약 ID 발급 후 스토리지에 직접 업로드. MIME 화이트리스트 · 20MB 제한 · UUID 파일명으로 안전 처리.

  • 신청 처리 API

    서버 측 메타 검증 → 데이터베이스 적재 → 텔레그램 알림까지 한 번에 처리.

  • 어드민 대시보드

    텔레그램·이메일 매직링크 인증(세션 쿠키), 상태·기간 필터와 검색, 사진 갤러리(lightbox)·ZIP 다운로드.

  • 정책 · SEO

    개인정보 · 이용약관 · 환불 정책 페이지와 OG · 사이트맵 · JSON-LD 구성.

04스택

프레임워크Next.js 16 · React 19 · TypeScript
폼 · 검증Zod · React Hook Form · react-dropzone · heic2any
데이터 · 저장Supabase (PostgreSQL · Storage)
운영텔레그램 봇 알림 · 매직링크 인증 · Vercel

05결과

신청 → 데이터 적재 → 텔레그램 알림 → 어드민 조회까지 이어지는 운영 코어를 menu.awg.kr 에 라이브로 배포했습니다(v1.3).

사진 보정 엔진과 결제는 다음 단계에서 연동 예정이며, 납품 기간 · 전환 등 성과 지표는 측정 예정입니다.

※ 본 페이지는 사실 기반으로 작성되었으며, 측정되지 않은 항목은 “측정 예정”으로 표기합니다.

← 사다리 16으로이 도메인으로 의뢰 시작