포트폴리오로 돌아가기

럽잇 이유식·유아식 주문 및 정기배송 홈페이지

아이 식단 주문부터 정기배송과 매장 운영까지 연결한 식품 주문 서비스

역할

기획 · 디자인 · 개발

연도

2026

회사

럽잇

프로젝트 개요

이유식·유아식을 날짜별로 주문하고 정기배송을 신청할 수 있는 럽잇의 주문 홈페이지예요. 주간 메뉴를 확인한 뒤 아이에게 맞는 단계와 상품 구성을 고르고, 배송이나 픽업 등 수령 방식을 선택하도록 만들었어요. 고객의 주문 화면과 매장의 관리 화면을 함께 구성했어요. 운영자는 메뉴와 주문, 입금 확인, 정액권 잔액, 정기배송 내역을 관리하고 배송 업무까지 이어서 처리할 수 있어요.

풀고 싶었던 문제

이유식은 아이 단계와 단백질 구성, 배송 날짜, 주문 마감 시간을 모두 맞춰야 주문이 끝나요. 고객은 날짜별로 직접 주문하고, 매장은 입금 확인부터 배송까지 한 화면에서 처리하는 주문 사이트가 필요했어요.

맡은 범위

  • 카카오 간편로그인, 비회원 메뉴·장바구니 조회
  • 주간 메뉴와 날짜별 이유식·유아식 주문
  • 단계·용량·상품 구성 선택과 주문 마감 확인
  • 우편번호 기준 배송 가능 지역 확인, 배송·픽업 선택
  • 무통장입금과 정액권 결제, 정액권 충전
  • 요일별 정기배송, 회차 건너뛰기와 구성 변경
  • 주문·입금·배송 단계별 카카오 알림톡
  • 관리자 주문·입금·고객·메뉴·배송 관리와 주문 엑셀 내보내기

만든 기능과 구성

  • 주간 메뉴와 날짜별 이유식·유아식 주문
  • 단계·용량·상품 구성 선택과 주문 가능 날짜·마감 확인
  • 배송 가능 지역 확인과 배송·픽업 등 수령 방식 선택
  • 정액권 잔액 또는 무통장 입금 방식의 주문 처리
  • 요일별 정기배송 설정, 회차 건너뛰기와 구성 변경
  • 관리자 메뉴·주문·고객·입금·배송 관리 및 주문 엑셀 내보내기

어려웠던 점과 해결 방법

주문 조합 규칙

같은 배송일에 담는 한우·닭·기타 이유식 수에 조합 규칙이 있어요. 조합표를 저장하지 않고 주문할 때 규칙으로 계산하게 했고, 기준 숫자는 관리자 설정에서 바꿀 수 있어요. 규칙 계산은 따로 떼어 테스트로 검증했어요.

마감과 자동 처리

배송 전날 마감 시각이 지나면 주문을 막고, 마감까지 입금되지 않은 주문은 자동으로 취소해요. 5분마다 도는 스케줄러가 마감 판정과 정기배송 회차 생성을 맡아요.

동시에 처리돼도 한 번만

관리자의 입금 확인과 자동 취소가 겹치거나 같은 알림이 두 번 나가지 않게 했어요. 주문 상태와 정액권 잔액 기록을 한 번에 바꾸고, 알림은 한 번만 발송돼요.

결과

  • loveatbaby.co.kr에서 운영 중이에요.
  • Cloudflare Workers, D1, R2로 서버 관리 부담이 적은 구조로 만들었어요.

기술 스택

Next.jsReactTypeScriptCloudflare WorkersD1Drizzle

태그

#식품 커머스 #정기배송 #주문 관리

자주 묻는 질문

정기배송 쇼핑몰도 만들 수 있나요?

네. 럽잇처럼 요일별 구성을 저장해 매주 반복 주문하고, 회차 건너뛰기와 구성 변경까지 되는 정기배송을 만들어요.

카드 결제 없이 무통장입금으로도 운영할 수 있나요?

네. 럽잇은 무통장입금과 정액권으로 운영해요. 입금 확인, 미입금 자동 취소, 입금 안내 알림톡까지 연결했어요. 카드 결제가 필요하면 결제 대행사 계약 뒤에 붙일 수 있어요.

주문 알림을 카카오톡으로 보낼 수 있나요?

네. 주문 완료, 입금 안내, 배송 출발과 완료를 알림톡으로 보내요. 발송에 실패한 알림은 관리자 화면에서 다시 보낼 수 있어요.

비슷한 프로젝트를 구상 중이신가요?

지금 바로 문의하세요. 맞춤 견적을 드립니다.

무료견적 신청하기

다른 포트폴리오

BBQ 가맹 모집 홈페이지아트데이터 미대입시 AI 플랫폼작은거인한의원 홈페이지AI 사주 분석 서비스 명연당분양노크 아파트 분양·청약 정보 플랫폼실시간 파티 소셜 매칭 웹앱단가로 인플루언서 광고 단가 계산기나노벨 웹소설 플랫폼