투어·티켓·스냅을 한 앱에서 — 날짜를 고르면 바로 예약되는 여행 커머스

주요 기능

1. 날짜 → 옵션 → 결제, 3단계 예약 — 이용 시작일을 달력에서 고르고, 촬영 구성·추가 옵션(예: 드레스 대여 1벌 25,000원)을 수량과 함께 담으면 총 주문금액이 바로 계산됩니다.
2. 상품 상세 한 페이지에 일정·판매자·후기 — 투어 동선(사크레쾨르 대성당 계단 19:30 → 테르트르 광장 20:10 → 물랭 루주 20:50)과 진행 조건, 판매자 소개, 후기 412개를 한 흐름으로 보여 줍니다.
3. 쿠폰 적용 최대 할인가 — 상세에서 받을 수 있는 쿠폰을 반영한 최저가를 먼저 보여 주고, 결제 화면에서 쿠폰을 바꾸면 결제금액이 다시 계산됩니다.
4. roamy 코인과 응모 이벤트 — 코인을 충전(최대 +16%)해 선착순·경매 응모(괌 왕복 항공권, 오키나와 리조트 숙박권 등)에 씁니다.
5. 이용·예약 내역과 취소 — 결제 완료 · 예약 확정 · 이용 완료 상태를 한 목록에서 보고, 이용 3일 전까지 예약 상세에서 바로 취소를 요청합니다. 취소 요청 · 취소 완료 · 취소 반려(사유 포함)는 취소 내역 탭에 따로 모입니다.

이 서비스가 해결하는 문제

현지 투어·스냅 작가·입장권 판매처는 대부분 작은 업체입니다. 예약은 카카오톡이나 인스타그램 DM으로 받고, 날짜·인원·옵션을 대화로 맞추다 보니 같은 날 중복 예약이나 금액 착오가 생깁니다. 여행자도 상품마다 다른 채널에 문의하고 송금해야 해서, 결제했는지·확정됐는지·언제 취소할 수 있는지를 한곳에서 확인하기 어렵습니다.

roamy 는 상품을 "날짜 + 옵션"으로 정형화해, 여행자는 앱에서 바로 결제하고 파트너사는 이용일 기준 캘린더로 예약을 받습니다. 주문 상태(결제 완료 → 예약 확정 → 이용일 → 이용 완료)와 취소 규정이 양쪽 화면에 같은 말로 남습니다.

핵심 가치 제안

• 여행자 — 날짜와 옵션을 고르면 금액이 바로 나오고, 쿠폰을 적용한 최저가를 먼저 봅니다. 예약·취소 상태를 한 목록에서 확인합니다.
• 파트너사 — 예약·주문 캘린더에서 날짜별 결제 완료·예약 확정·이용일 건수를 보고, 주문 상태를 일괄 변경합니다. 정산은 월 단위로 수수료·쿠폰 부담분까지 나뉘어 보입니다.
• 운영자 — 파트너사 가입과 상품을 승인하고, roamy 쿠폰·상품 쿠폰을 발행하며, 코인으로 참여하는 선착순·경매 응모 이벤트와 당첨자를 관리합니다.

사용자 시나리오

여행자 (바다보러가는윤)

1. 홈 「찜한 상품 모아보기」에서 「파리 몽마르트 야경 스냅 촬영 40장」을 엽니다. 정가 100,000원 → 판매가 90,000원, 쿠폰 적용 최대 할인가 81,000원.
2. 여행 일정(19:30 사크레쾨르 대성당 계단부터 40분씩 3곳)과 후기를 확인하고 예약하기를 누릅니다.
3. 이용 시작일 2026-11-08 (일)을 고르고, 기본 촬영 40장 90,000원 + 드레스 대여 1벌 25,000원 = 115,000원을 담습니다.
4. 「파리 스냅 첫 예약 10% 할인」 쿠폰으로 11,500원을 빼고 103,500원을 결제합니다.
5. 이용·예약 내역에서 방금 예약한 상품과 다른 예약(대만 예류 지질공원 입장권 등)을 함께 보고, 필요하면 상세에서 취소를 요청합니다.

코인 충전

1. 마이페이지에서 보유 코인 33,000 C 를 확인하고 충전하기를 누릅니다.
2. 10,000원 → 11,000 C(+10%), 50,000원 → 58,000 C(+16%)처럼 금액이 클수록 더 받는 상품을 고릅니다.
3. 충전한 코인으로 선착순·경매 응모 이벤트에 참여합니다.

파트너사 (블루웨이브투어 · 파트너스)

1. 예약·주문 캘린더에서 11월 현황(결제 완료 160건 · 예약 확정 99건 · 취소 10건)과 날짜별 건수를 봅니다.
2. 주문 관리에서 결제 완료 건을 골라 예약 확정으로 일괄 변경합니다.
3. 취소 관리에서 이용 3일 이내 요청은 규정에 따라 반려하고 사유를 남깁니다.
4. 정산 내역에서 판매금액 1,250,000원 − 결제 수수료 41,250원 − 서비스 수수료 37,500원 − 쿠폰 부담 20,000원 = 정산 예정금액 1,171,250원을 확인합니다.

기획자 관점의 인사이트

• 최저가는 상세에서 먼저 보여 준다. 쿠폰을 받기 전부터 "쿠폰 적용 최대 할인가"를 띄워, 결제 화면에서 금액이 바뀌는 데서 오는 이탈을 줄였습니다.
• 여행 상품은 '언제'가 첫 질문이다. 옵션보다 날짜를 먼저 묻는 순서로 바꿔, 매진·휴무일을 옵션 고르기 전에 걸러 냅니다.
• 취소는 별도 탭으로. 진행 중인 예약과 취소 건을 섞지 않고, 취소 반려에는 사유를 카드 안에 바로 적어 문의를 줄였습니다.
• 상태 이름을 세 화면이 같이 쓴다. 결제 완료 · 예약 확정 · 이용일 · 이용 완료 · 취소를 앱·파트너스·관리자 웹에 같은 말로 씁니다.
• 코인은 결제 수단이 아니라 이벤트 참여권. 코인을 응모에만 쓰게 해 정산 구조를 단순하게 두고, 충전 보너스로 재방문을 끌어냅니다.

이 프로젝트에서 배울 수 있는 것

예약형 커머스는 재고 대신 "날짜"를 팝니다. roamy 는 상품 등록(예약형 · 바우처형 · 일반)부터 여행자 예약, 파트너 캘린더, 정산까지 이용일 하나를 기준으로 묶어, 앱 16장과 웹 25장이 같은 날짜·상태값으로 움직입니다.

서비스 개요

모바일 앱 (여행자)

• 홈 · 상품 목록 · 상품 상세(일정·안내 · 판매자·후기)
• 날짜 선택 · 옵션 선택 · 결제하기(쿠폰 · 결제 수단 · 약관 동의) · 결제 완료
• 마이페이지 · 코인 충전 · 이용·예약 내역 · 이용·예약 상세 · 취소 내역

파트너 웹 (파트너스)

• 예약 · 주문 캘린더(월별 상태 건수)
• 주문 관리(상태 일괄 변경 · 엑셀) · 주문 상세 · 취소 관리 · 취소 상세
• 정산 내역 · 정산 정보
• 상품 관리(예약형 · 바우처형 · 일반 등록) · 상품 수정(재고 · 판매 상태)

관리자 웹

• 파트너사 관리 · 등록 · 상세(회원 승인 · 계좌 승인)
• 상품 승인 · 관리 · 주문 관리 · 취소 상세 · 코인 충전 결제 내역
• roamy 쿠폰 · 상품 쿠폰 관리 · 등록
• 선착순 응모 · 등록 · 당첨자 조회 · 당첨자 상세

주요 화면

• 01 — 홈 — 공동구매 배너 · 카테고리 4종 · 인기 상품 · 찜한 상품 · 추천 상품
• 02 — 상품 목록 — 카테고리 · 세부 분류 · 나라·지역 · 정렬
• 03 — 상품 상세 — 쿠폰 최대 할인가 · 여행 일정 · 판매자 · 후기
• 04 — 예약 — 날짜 선택 · 옵션 선택
• 05 — 결제 — 예약 정보 · 쿠폰 · 결제 수단 · 약관 동의 · 결제 완료
• 06 — 마이페이지 · roamy 코인 충전
• 07 — 이용·예약 내역 · 예약 상세 · 취소 내역

파트너 웹(10장)과 관리자 웹(15장)은 Figma 에만 있고 이번 데모에는 넣지 않았습니다.