정기배송 구독 쇼핑 앱 화면

상품을 골라 매일·주간·월간 배송으로 구독하고 결제하는 모바일 앱 화면입니다.

고객사
구독 커머스 스타트업
분야
정기배송 쇼핑
기술
Visily

포너즈가 한 일

  1. 홈 화면의 카테고리 탭, 랭킹, 최근 본 상품 구성
  2. 로그인과 검색 화면 설계
  3. 배송 주기별로 모아 보는 구독상품 탭 설계
  4. 상품 상세와 배송 옵션 선택 화면 설계
  5. 주문서와 결제 수단 선택 화면 설계
  6. 개인정보·배송지 관리 화면 설계

문제

떨어질 때마다 다시 주문하던 생활용품

고객은 식품과 의류를 정해진 주기로 받아 보는 정기배송 쇼핑 앱을 준비했습니다. 매일·주간·월간 배송을 한 앱에서 고르게 하는 서비스입니다.

우유, 채소, 밀키트처럼 자주 사는 상품은 떨어질 때마다 다시 주문해야 합니다. 구매자는 같은 상품을 매번 찾아 담고 결제합니다. 여러 쇼핑몰에서 받는 정기배송은 어디서 무엇을 받는지 한눈에 보기 어렵습니다.

판매자는 꾸준히 사는 고객이 있어도 다음 주문이 언제 올지 모릅니다. 물량을 미리 잡기 어려워 신선식품 재고를 맞추기가 빠듯합니다.

고객은 의류·유제품·채소·육류·밀키트 다섯 분류로 앱을 열기로 했습니다. 구매자가 상품마다 배송 주기를 정하고 반복 결제하는 범위입니다.

해결

상품마다 배송 주기를 정하고 구독을 모아 보는 앱

화면은 홈, 검색, 상품 상세, 구매 옵션, 주문서, 결제 순서로 이어집니다. 하단 탭은 홈, 구독상품, 검색, 좋아요, 마이페이지 다섯 개입니다. 화면 시안은 Visily로 만들었습니다.

  • 홈: 기획전 배너 아래에 의류·유제품·채소·육류·밀키트 탭과 상품 카드를 둡니다. 그 아래에 이번 주 랭킹과 최근 본 상품이 이어집니다.
  • 로그인과 검색: 이메일, 구글, 카카오로 로그인합니다. 검색 화면은 최근 검색어와 추천 검색어를 보여 줍니다.
  • 구매 옵션: 상품 상세에서 수량과 배송 주기를 고릅니다. 월간 배송은 1일부터 31일 가운데 배송일을 정합니다.
  • 구독상품 탭: 구독 중인 상품을 매일·주간·월간으로 나눠 보고, 카드마다 구독 취소 버튼을 둡니다.
  • 주문서와 결제: 쿠폰과 포인트를 적용하고 결제 수단 다섯 가지 가운데 하나를 고릅니다. 결제 전에 반복 결제 동의를 받습니다.
  • 개인정보 관리: 연락처와 비밀번호를 바꾸고 배송지를 관리합니다.

월간 배송일 선택과 예외 규칙을 한자리에

배송일 선택 칸 바로 위에 예외 규칙을 적었습니다. 일요일이면 다음 날 월요일에 보냅니다. 그 달에 없는 날짜면 다음 달 1일에 보냅니다. 날짜를 직접 고르면 구매자가 장보는 날에 배송을 맞출 수 있습니다. 대신 31일처럼 어떤 달에는 없는 날짜나 일요일에 걸리는 날이 생깁니다. 규칙이 바로 보이면 배송일이 밀리는 경우를 구매자가 미리 압니다.

결제 버튼 앞에 따로 받는 반복 결제 동의

결제 화면은 동의 체크를 따로 둡니다. 체크 항목에는 선택한 옵션에 따라 일간·주간·월간 결제가 이어진다는 문구가 붙습니다. 정기 결제는 한 번 동의하면 다음 결제부터 구매자가 따로 누르지 않습니다. 동의를 결제 버튼과 떼어 받아야 구매자가 반복 결제를 모르고 지나치지 않습니다.

결과

배송 주기를 한 번 정하면 구독 목록에서 관리하는 구매

시안에서 구매자는 상품마다 배송 주기를 한 번 정하면 다시 주문하지 않습니다. 받고 있는 정기배송은 구독상품 탭에서 주기별로 보고 바로 취소합니다.

업무 이전 이후(시안)
상품 찾기 쇼핑몰마다 검색해 상품을 찾음(사람) 카테고리·검색어 선택(사람) → 상품 목록(시스템)
구독 신청 떨어질 때마다 같은 상품을 다시 담아 결제(사람) 수량·배송 주기·배송일 선택(사람) → 결제 금액 계산(시스템) → 반복 결제 동의와 결제(사람)
구독 관리 쇼핑몰마다 주문 내역을 따로 확인(사람) 주기별 구독 목록 표시(시스템) → 구독 취소(사람)
이 사례 공유

비슷한 프로젝트를 준비하고 있다면

무엇을 만들지 아직 정리되지 않아도 괜찮습니다. 지금 상황을 알려 주시면 진행 방식과 범위를 함께 잡습니다.

상담 신청하기