ryan
작업 목록No. 07 · 커머스 · 2026.10

모잇

참여 인원에 따라 가격이 내려가는 공동구매 앱입니다. 장바구니에서 여러 공동구매에 한 번에 참여하고, 자동결제에 동의한 주문은 마감 뒤 확정 금액으로 결제되며, 남은 미결제 주문은 한 번에 결제합니다. 결제 버튼 연타나 두 탭 동시 결제에도 승인은 한 번만 일어납니다.

공고
운영 중인 공동구매 앱 자동결제·일괄결제 및 상품별 리뷰 노출 개선 (위시켓)
역할
공고 분석 · 결제 상태 설계 · 브랜드 · UI 디자인 · 프론트엔드 · 결제 시뮬레이션 · 배포
화면
구매자 웹앱(웹뷰 앱과 같은 화면) · 관리자 결제 현황, PC·휴대폰
스택
React · TypeScript · Vite · Vitest · Playwright

미결제 주문 한 번에 결제

  1. 판매자별 배송비같은 판매자 상품을 함께 결제하면 배송비를 한 번만 받고, 무료배송까지 남은 금액을 판매자 묶음마다 보여 줍니다.
  2. 주문별 금액 배분한 번 승인된 금액과 쿠폰 할인은 주문별로 나눠 저장되어, 취소와 환불도 주문 단위로 처리됩니다.
  3. 한 주문만 실패할 때재고 소진처럼 한 주문만 처리할 수 없으면 그 주문만 부분 취소하고, 남은 주문의 배송비를 다시 계산해 나머지는 확정합니다.
미결제 주문 한 번에 결제

참여부터 자동결제까지

  1. 01

    장바구니

    공동구매마다 옵션·수량, 마감까지 남은 시간, 한 명 더 모이면 내려가는 가격이 보입니다. 마감된 공동구매는 남되 선택할 수 없습니다.

  2. 02

    자동결제 선택

    자동결제는 기본으로 꺼져 있고, 켜면 동의 문구와 결제 카드가 나옵니다. 동의해야 참여 버튼이 켜지고 동의 시각이 주문에 남습니다.

  3. 03

    자동결제 실패와 재결제

    20:00 마감 뒤 카드가 한도 초과로 거절되면 이유와 함께 알림이 가고, 같은 카드·다른 카드·다른 미결제 주문과 함께 다시 결제할 수 있습니다.

  4. 04

    일부 주문 처리 실패

    결과 화면은 처음 승인 금액, 부분 취소 금액, 최종 결제 금액과 판매자 부담 배송비를 한 표로 보여 줍니다.

  5. 05

    관리자 결제 시도 기록

    시도마다 금액, 멱등키, 거래번호, 결과가 남고, 중복 승인 건수를 첫 화면에서 확인합니다.

강조색은 세 곳에만

공동구매에서 참여를 끌어내는 문장은 "1명 더 모이면 26,900원"입니다. 강조색은 주 버튼 하나, 다음 단계 가격, 선택 상태에만 쓰고 남은 시간·참여 인원·상태 표시는 검정과 회색으로 나눴습니다.

  1. 상품 상세 · 다음 단계 가격

    상품 상세 · 다음 단계 가격

  2. 상품별 리뷰

    상품별 리뷰

  3. 참여 · 자동결제 동의

    참여 · 자동결제 동의

  4. 미결제 모아보기

    미결제 모아보기

0건결제 버튼 연타 · 두 탭 동시 결제 · 겹치는 선택에서 같은 주문의 중복 승인
0원일괄결제 중 한 주문이 실패해도 승인 금액과 결제 확정·환불 합계의 차이
177화면 · 상태 · 화면 폭 조합을 자동으로 검사한 레이아웃 전수 점검
3곳첫 화면에서 강조색을 쓰는 곳: 주 버튼 · 다음 단계 가격 · 선택 상태