플러스프로젝트 배경
* 위시켓 프로젝트 클라이언트 요구사항에 대한 이해/합의를 위해 지원에 첨부하는 사전 기획 포트폴리오 입니다.
✅ 문제 정의 (Problem)
로컬 정육·신선식품 매장은 현재 카카오톡 메시지, 전화, 수기 메모 등으로 주문을 받아 선착순 판매와 재고, 손질 스케줄을 동시에 관리해야 하는 어려움이 있습니다. 주문이 여러 채널로 흩어져 있어 어떤 상품이 언제, 누구에게, 몇 개 예약되었는지 한눈에 파악하기 어렵고, 품절 이후에도 주문이 들어와 혼선이 발생할 수 있습니다.
특히 인기 상품의 경우 같은 시점에 여러 고객이 요청을 넣으면 재고 초과 예약이나 노쇼로 인한 재고 손실 위험이 큽니다. 사장님은 복잡한 IT 시스템이 아니라, 매장 운영 흐름에 맞는 간단한 웹 화면으로 선착순 예약과 재고를 안정적으로 관리하고 싶어 하는 상황입니다.
✅ 프로젝트 목표 (Goal)
이번 사전기획/프로토타입 단계에서는 “모바일 웹 기반 선착순 픽업 예약 시스템”의 MVP 범위를 명확히 정의하고자 했습니다. 카카오 소셜 로그인을 기반으로 한 고객 식별, 오늘의 상품·재고 관리, 시간대별 예약 리스트, 노쇼 관리까지를 1차 범위로 어디까지 포함할지 합의하는 것을 목표로 합니다.
동시에 Supabase·Next.js 중심의 서버리스 아키텍처를 전제로, 예산·기간 안에서 구현 가능한 기술 구조와 화면 흐름을 설계하는 데 초점을 두었습니다. 이를 통해 실제 개발 착수 전에 핵심 기능과 운영 시나리오에 대한 의사결정을 미리 가능하게 하는 것을 목표로 삼았습니다.
✅ 문제 정의 (Problem)
로컬 정육·신선식품 매장은 현재 카카오톡 메시지, 전화, 수기 메모 등으로 주문을 받아 선착순 판매와 재고, 손질 스케줄을 동시에 관리해야 하는 어려움이 있습니다. 주문이 여러 채널로 흩어져 있어 어떤 상품이 언제, 누구에게, 몇 개 예약되었는지 한눈에 파악하기 어렵고, 품절 이후에도 주문이 들어와 혼선이 발생할 수 있습니다.
특히 인기 상품의 경우 같은 시점에 여러 고객이 요청을 넣으면 재고 초과 예약이나 노쇼로 인한 재고 손실 위험이 큽니다. 사장님은 복잡한 IT 시스템이 아니라, 매장 운영 흐름에 맞는 간단한 웹 화면으로 선착순 예약과 재고를 안정적으로 관리하고 싶어 하는 상황입니다.
✅ 프로젝트 목표 (Goal)
이번 사전기획/프로토타입 단계에서는 “모바일 웹 기반 선착순 픽업 예약 시스템”의 MVP 범위를 명확히 정의하고자 했습니다. 카카오 소셜 로그인을 기반으로 한 고객 식별, 오늘의 상품·재고 관리, 시간대별 예약 리스트, 노쇼 관리까지를 1차 범위로 어디까지 포함할지 합의하는 것을 목표로 합니다.
동시에 Supabase·Next.js 중심의 서버리스 아키텍처를 전제로, 예산·기간 안에서 구현 가능한 기술 구조와 화면 흐름을 설계하는 데 초점을 두었습니다. 이를 통해 실제 개발 착수 전에 핵심 기능과 운영 시나리오에 대한 의사결정을 미리 가능하게 하는 것을 목표로 삼았습니다.
핵심 기능
간편 로그인 및 고객 식별
카카오톡 또는 전화번호 입력만으로 빠르게 로그인하고, 예약에 필요한 최소 정보(이름/연락처)를 확보하도록 설계했습니다.
오늘의 라인업 및 상품 목록 조회
날짜 기준으로 ‘오늘의 라인업’과 판매 중인 상품을 한 화면에서 보여주고, 품절 임박·잔여 수량 정보를 함께 노출해 선착순 예약 상황을 직관적으로 파악할 수 있도록 했습니다.
수량 선택 및 금액 자동 계산
상품 상세 화면에서 100g 단위 수량을 증감하면서, 재고 수량과 연동된 총 결제 금액을 실시간으로 계산·표시하도록 정의했습니다.
픽업 시간·결제 방식 선택
0분 단위의 시간 슬롯 중 원하는 픽업 시간을 선택하고, 현장 결제/계좌 이체 중 결제 방식을 함께 선택하는 흐름으로 예약 프로세스를 설계했습니다.
예약 확인·내역 조회 및 매장 정보 안내
예약 전 최종 확인 화면에서 주문 상품, 금액, 픽업 일시, 결제 방식을 다시 보여주고,노쇼 관련 안내 문구를 노출하며, ‘내 예약 내역’ 화면에서 예약 상태와 함께 매장 정보를 확인할 수 있도록 합니다.
진행 단계
제안
2025.12.
위시켓 프로젝트 지원서를 제출했습니다.
프로젝트 상세
✅ 제품/서비스 구성 (Product & Service)
fourdpocket은 이 프로젝트를 고객용 모바일 웹, 사장님/관리자용 웹, 서버리스 백엔드·데이터베이스로 나누어 서비스 구조를 설계했습니다.
고객용 모바일 웹에서는 카카오 소셜 로그인을 통해 전화번호를 포함한 최소 정보를 수집하고, 오늘의 상품 리스트와 품절 여부를 직관적으로 보여준 뒤, 수량과 방문 시간 선택을 통해 선착순 예약을 남길 수 있도록 정의했습니다.
관리자 웹은 PC·태블릿에서 사용 가능한 대시보드 형태로, 일별 상품 등록·수정, 재고 수량 설정, 시간대별 예약 리스트 확인, 노쇼 처리 등을 한 화면에서 관리할 수 있도록 제안했습니다.
백엔드·데이터베이스 영역에서는 Supabase 기반의 Auth, DB 스키마(상품, 재고, 예약, 고객, 노쇼 이력 등), 재고 트랜잭션 로직을 설계하고, Vercel을 이용해 프론트엔드 배포와 운영비 최소화를 도모하는 구조를 구상했습니다.
전체 구성 요소는 “고객의 예약 흐름 → 재고 차감 → 손질 스케줄 확인 → 매장 마감”이라는 하나의 운영 시나리오 안에서 연동되도록 기획되었습니다.
✅ 주안점
무엇보다 사장님의 실제 매장 운영 흐름과 손질 스케줄을 기준으로 시스템을 단순하게 정의하는 데 주안점을 두었습니다. 선착순 판매 특성상 동시 접속 상황에서의 재고 초과 예약을 막기 위해, 화면 설계뿐 아니라 Supabase 트랜잭션 구조와 테스트 시나리오까지 함께 제안드리고자 하였습니다.
카카오 인앱 브라우저 환경을 전제로, 시니어 고객도 쉽게 사용할 수 있도록 큰 글자, 넓은 버튼, 최소 단계의 예약 플로우를 설계하는 UX 방향을 설정했습니다. 예산과 기간을 고려해 PG 연동, 쿠폰·적립금, 멀티 지점 관리 등은 이후 단계로 분리하고, 1차 MVP에서는 “카카오 로그인, 오늘의 상품·재고 관리, 시간대별 예약, 노쇼 관리”에 집중하는 범위 설정을 중요하게 다뤘습니다.
동시에 Vercel·Supabase 무료 티어 활용을 전제로 운영 비용을 최소화하면서,
향후 데이터가 쌓였을 때 단골 분석, 알림톡, 재주문 기능 등으로 확장할 수 있는 여지를 열어 두고 기획했습니다.
fourdpocket은 이 프로젝트를 고객용 모바일 웹, 사장님/관리자용 웹, 서버리스 백엔드·데이터베이스로 나누어 서비스 구조를 설계했습니다.
고객용 모바일 웹에서는 카카오 소셜 로그인을 통해 전화번호를 포함한 최소 정보를 수집하고, 오늘의 상품 리스트와 품절 여부를 직관적으로 보여준 뒤, 수량과 방문 시간 선택을 통해 선착순 예약을 남길 수 있도록 정의했습니다.
관리자 웹은 PC·태블릿에서 사용 가능한 대시보드 형태로, 일별 상품 등록·수정, 재고 수량 설정, 시간대별 예약 리스트 확인, 노쇼 처리 등을 한 화면에서 관리할 수 있도록 제안했습니다.
백엔드·데이터베이스 영역에서는 Supabase 기반의 Auth, DB 스키마(상품, 재고, 예약, 고객, 노쇼 이력 등), 재고 트랜잭션 로직을 설계하고, Vercel을 이용해 프론트엔드 배포와 운영비 최소화를 도모하는 구조를 구상했습니다.
전체 구성 요소는 “고객의 예약 흐름 → 재고 차감 → 손질 스케줄 확인 → 매장 마감”이라는 하나의 운영 시나리오 안에서 연동되도록 기획되었습니다.
✅ 주안점
무엇보다 사장님의 실제 매장 운영 흐름과 손질 스케줄을 기준으로 시스템을 단순하게 정의하는 데 주안점을 두었습니다. 선착순 판매 특성상 동시 접속 상황에서의 재고 초과 예약을 막기 위해, 화면 설계뿐 아니라 Supabase 트랜잭션 구조와 테스트 시나리오까지 함께 제안드리고자 하였습니다.
카카오 인앱 브라우저 환경을 전제로, 시니어 고객도 쉽게 사용할 수 있도록 큰 글자, 넓은 버튼, 최소 단계의 예약 플로우를 설계하는 UX 방향을 설정했습니다. 예산과 기간을 고려해 PG 연동, 쿠폰·적립금, 멀티 지점 관리 등은 이후 단계로 분리하고, 1차 MVP에서는 “카카오 로그인, 오늘의 상품·재고 관리, 시간대별 예약, 노쇼 관리”에 집중하는 범위 설정을 중요하게 다뤘습니다.
동시에 Vercel·Supabase 무료 티어 활용을 전제로 운영 비용을 최소화하면서,
향후 데이터가 쌓였을 때 단골 분석, 알림톡, 재주문 기능 등으로 확장할 수 있는 여지를 열어 두고 기획했습니다.
