패키지 목록

해외 투어·티켓 예약 플랫폼
기획 패키지

화면 43개와 요건 351개가 담긴 완성본입니다. 아래에서 실제 내용을 확인하고 구매하세요.

메뉴
8
화면
43
요건
351
화면 이동
50

등급별 구성

스탠다드

49,000원

기획 문서 6종

디럭스

69,000원

6종 + AI 빌드 스펙팩

프리미엄

89,000원

디럭스 + 디자인 프리셋 3종

판매 준비 중이에요

곧 구매하실 수 있어요. 지금은 아래에서 내용을 미리 확인해 보세요.

사이트 컨셉

해외 여행지의 투어·입장권·패스를 파는 예약 플랫폼. 여행자는 여행지별로 상품을 둘러보고 날짜와 인원을 골라 예약한 뒤, 현지에서 쓸 바우처를 받는다. 운영자는 상품과 재고를 등록하고 예약·바우처·정산을 관리한다.

메뉴 구조

여행지를 고르고 상품을 찾아 들어가는 첫 화면

화면 4

상품

투어·입장권·패스를 둘러보고 날짜와 옵션을 고른다

화면 7

장바구니

고른 상품을 모아두고 한 번에 예약한다

화면 2

예약·결제

여행자 정보를 넣고 결제해 예약을 확정한다

화면 6

바우처

현지에서 제시하는 교환권을 보관하고 사용한다

화면 4

마이페이지

예약을 확인하고 취소·후기·쿠폰을 관리한다

화면 9

고객센터

궁금한 점을 찾아보고 문의한다

화면 4

관리자

상품·예약·바우처·정산을 운영자가 관리한다

화면 7

AI가 빠뜨리기 쉬운 예외 화면 9

“만들어줘” 한 줄로는 잘 나오지 않는, 실제 서비스에 꼭 필요한 화면들입니다.

검색 결과 없음예약 마감·품절장바구니 비어 있음결제 실패예약 확정 대기최소 인원 미달 안내바우처 만료예약 내역 없음취소 불가 안내

화면 목록 43개 · 기능 정의

HO

화면 4
main여행지 검색창이 얹힌 히어로 배너 · 인기 여행지 바로가기 6곳 · 이번 주 인기 상품 8개 카드 · 특가·마감임박 상품 캐러셀 · 패스 상품 안내 배너 · 테마별 추천 탭(투어/입장권/교통) · 실제 후기 슬라이드 5개 · 현지 라운지·고객센터 안내 · 여행 팁 콘텐츠 4개 · 하단 앱·카톡 채널 안내
여행지 홈main여행지 대표 사진과 한 줄 소개 · 이 도시 인기 상품 8개 · 카테고리 필터(투어/입장권/교통/패스) · 이 도시 전용 패스 안내 · 추천 일정 3코스 · 현지 쿠폰 제휴처 목록 · 날씨·시차·팁 정보 카드 · 이 도시 후기 모음
검색 결과list검색어와 결과 수 표시 · 필터(여행지·카테고리·가격대·평점·소요시간) · 정렬(인기순/낮은가격순/평점순) · 상품 카드 목록 · 지도 보기 전환 · 무한 스크롤
검색 결과 없음list-empty검색어를 포함한 안내 문구 · 필터 초기화 버튼 · 추천 상품 4개 · 인기 검색어 칩
PR

상품

화면 7
상품 목록list카테고리 탭 · 필터(가격·평점·소요시간·언어·즉시확정) · 정렬 · 상품 카드 그리드 · 마감임박 배지 · 찜하기 · 페이지네이션
상품 상세detail사진 갤러리 · 상품명과 별점·후기 수 · 핵심 정보 배지(소요시간·언어·즉시확정·미팅장소) · 가격과 할인율 · 상품 소개 본문 · 코스 일정 타임라인 · 포함/불포함 사항 · 미팅 장소 지도 · 취소·환불 규정 · 후기 요약과 최신 후기 5개 · 자주 묻는 질문 · 하단 고정 예약 바
날짜·옵션 선택form달력에서 출발일 선택(예약 가능일만 활성) · 시간대 선택 · 인원 선택(성인·아동·유아) · 옵션 선택(픽업 여부·좌석 등급) · 실시간 잔여 좌석 표시 · 총 금액 자동 계산
패스 상품 상세detail패스 소개와 절약 금액 강조 · 포함 명소 목록과 개별 정가 · 이용 기간과 사용 규칙 · 패스 종류별 가격표(2일권·3일권) · 사용 방법 3단계 · 주의사항 · 하단 고정 구매 바
상품 비교detail선택한 상품 2~3개를 표로 나란히 비교 · 비교 항목(가격·소요시간·포함사항·미팅장소·취소규정·평점) · 차이나는 항목 강조 · 각 열에서 바로 예약
예약 마감·품절closed마감 사유 안내(좌석 소진·판매 종료·시즌 종료) · 다음 예약 가능일 안내 · 재입고 알림 신청 · 비슷한 상품 4개 추천
후기 전체보기list평점 분포 막대그래프 · 필터(별점·사진후기만·최근순) · 후기 카드 목록(사진·별점·본문·여행일·동행유형) · 도움돼요 버튼 · 더보기
CT

장바구니

화면 2
장바구니list담은 상품 목록(사진·상품명·날짜·인원·옵션·금액) · 개별 선택 체크박스 · 수량·옵션 수정 · 삭제 · 예약 불가 항목 경고 · 금액 요약과 결제 버튼
장바구니 비어 있음cart-empty빈 상태 일러스트와 안내 문구 · 인기 상품 둘러보기 버튼 · 최근 본 상품 4개
BK

예약·결제

화면 6
여행자 정보 입력form예약 상품 요약 · 대표 예약자 정보(이름·영문명·연락처·이메일) · 인원별 여행자 정보(영문명·생년월일) · 픽업 호텔 입력 · 요청사항 · 약관 동의
결제form예약 내역 요약 · 쿠폰·포인트 적용 · 결제 수단 선택(카드·간편결제·해외결제) · 최종 금액 계산 · 환율 안내 · 결제 진행
예약 완료complete완료 아이콘과 예약번호 · 예약 상품 요약 · 바우처 발급 안내 · 미팅 장소와 시간 재안내 · 준비물 체크리스트 · 예약 내역 바로가기
결제 실패error실패 아이콘과 사유를 쉬운 말로 안내 · 자주 있는 원인 3가지 · 다시 시도 버튼 · 다른 결제 수단 안내 · 고객센터 연결
예약 확정 대기pending대기 상태 안내와 예상 확정 시각 · 왜 대기가 필요한지 설명 · 확정 알림 방법 안내 · 대기 중 취소 시 전액 환불 안내 · 예약 내역 바로가기
최소 인원 미달 안내pending-error출발 확정 인원과 현재 인원 표시 · 확정 마감 시각 안내 · 미달 시 전액 환불 안내 · 대체 상품 추천 · 친구 초대 공유
VC

바우처

화면 4
바우처 목록list사용 예정·사용 완료·만료 탭 · 바우처 카드(상품명·사용일·QR 미리보기·상태 배지) · 오프라인 저장 안내 · 인쇄·이미지 저장 버튼
바우처 상세detail큰 QR 코드와 예약번호 · 상품명과 이용 일시 · 미팅 장소 지도와 길찾기 · 현지 연락처 · 이용 안내와 주의사항 · 화면 밝기 자동 최대 안내 · 저장·인쇄
바우처 만료expired만료 안내와 만료일 표시 · 만료 사유 설명 · 재발급 가능 여부 안내 · 고객센터 문의 버튼 · 같은 상품 다시 예약
바우처 재발급 요청form재발급 사유 선택 · 예약번호 확인 · 받을 이메일 입력 · 처리 소요시간 안내 · 요청 완료 안내
MY

마이페이지

화면 9
로그인form이메일·비밀번호 입력 · 소셜 로그인(카카오·구글·애플) · 자동 로그인 · 비밀번호 찾기 · 비회원 예약 조회 링크
회원가입form이메일·비밀번호·이름·영문명 입력 · 비밀번호 조건 실시간 표시 · 약관 동의(필수·선택 구분) · 마케팅 수신 동의 · 가입 혜택 안내
예약 내역list상태 탭(예정·완료·취소) · 예약 카드(상품명·날짜·인원·상태 배지·금액) · D-day 표시 · 바우처 바로가기 · 후기 쓰기 유도
예약 내역 없음list-empty빈 상태 일러스트와 안내 · 인기 여행지 바로가기 · 첫 예약 쿠폰 안내
예약 상세detail예약번호와 상태 · 상품·일정 정보 · 여행자 명단 · 결제 내역(금액·수단·영수증) · 미팅 장소 · 취소·환불 규정 요약 · 취소하기·문의하기 버튼
예약 취소 신청form출발일 기준 환불 수수료 자동 계산 · 환불 예정 금액 표시 · 취소 사유 선택 · 환불 계좌·수단 확인 · 취소 확인 재확인
취소 불가 안내error취소 불가 사유와 기준일 안내 · 규정 원문 표시 · 예외 요청 안내 · 고객센터 연결
후기 작성form별점 선택 · 세부 항목 평가(가이드·일정·가격만족도) · 본문 입력(글자수 안내) · 사진 첨부 최대 5장 · 동행 유형 선택 · 포인트 지급 안내
쿠폰함list사용 가능·사용 완료·만료 탭 · 쿠폰 카드(할인율·최소금액·유효기간·적용 대상) · 만료 임박 강조 · 쿠폰 코드 등록
CS

고객센터

화면 4
자주 묻는 질문list카테고리 탭(예약·결제·취소환불·바우처·현지이용) · 검색창 · 아코디언 질문 목록 · 도움됐어요 버튼 · 문의하기 유도
1:1 문의 작성form문의 유형 선택 · 관련 예약 선택 · 제목·내용 입력 · 파일 첨부 · 답변 받을 방법 선택 · 예상 답변 시간 안내
문의 내역list문의 목록(제목·유형·작성일·상태 배지) · 답변 완료 여부 표시 · 문의 상세 펼치기 · 추가 질문 이어쓰기
공지사항list중요 공지 상단 고정 · 공지 목록(제목·작성일·카테고리) · 상세 펼치기 · 현지 이슈 알림 배너
AD

관리자

화면 7
관리자 대시보드admin오늘 예약 건수·매출 요약 카드 · 확정 대기 예약 알림 · 출발 임박 투어 목록 · 최소인원 미달 경고 · 신규 문의·후기 알림 · 기간별 매출 그래프
상품 등록·수정admin-form기본 정보(상품명·여행지·카테고리) · 사진 업로드와 순서 변경 · 코스 일정 항목 추가 · 포함/불포함 입력 · 가격과 인원 구분별 요금 · 취소 규정 설정 · 임시저장과 미리보기
예약 관리admin기간·상태·상품 필터 · 예약 목록 표(예약번호·상품·일시·인원·상태·금액) · 확정/취소 처리 · 여행자 명단 내려받기 · 일괄 처리 · 엑셀 내보내기
바우처·재고 관리admin날짜별 잔여 좌석 달력 · 좌석 수 일괄 변경 · 마감 처리 · 바우처 발급 현황 · 미사용 바우처 목록 · 사용 처리
후기 관리admin후기 목록(상품·별점·본문·작성일) · 낮은 별점 우선 필터 · 답변 작성 · 신고 후기 처리 · 숨김 처리
쿠폰·프로모션 관리admin-form쿠폰 목록과 사용률 · 쿠폰 생성(할인 방식·금액·최소결제·유효기간) · 적용 대상 상품 선택 · 발급 수량 제한 · 즉시 중단
정산 내역admin월별 정산 요약(총매출·수수료·환불·정산액) · 상품별 매출 표 · 환불 내역 · 정산 상태 배지 · 세금계산서·엑셀 내려받기

화면별 AI 생성 프롬프트

화면마다 AI 코딩 도구에 그대로 넣는 프롬프트가 붙어 있습니다. 아래는 3개 예시예요.

날짜·옵션 선택

투어 날짜와 옵션을 고르는 화면을 만들어줘. 1) 달력 — 예약 가능한 날짜만 진하게, 휴무일과 마감일은 흐리게 하고 클릭되지 않게 2) 날짜를 고르면 그날의 출발 시간대 목록이 나오고, 각 시간대 옆에 남은 좌석 수 표시 3) 인원 선택 — 성인·아동(3~12세)·유아 각각 플러스 마이너스 버튼, 나이 기준 안내 4) 옵션 선택 — 호텔 픽업 여부, 좌석 등급 등을 라디오로 5) 우측(모바일은 하단)에 실시간으로 바뀌는 금액 요약 — 항목별 금액과 총액 6) [장바구니 담기]와 [바로 예약하기] 버튼 잔여 좌석보다 많은 인원을 고르면 그 자리에서 "남은 좌석은 4자리예요" 안내를 띄워줘.

최소 인원 미달 안내

최소 출발 인원을 채우지 못했을 때의 안내 화면을 만들어줘. "아직 출발이 확정되지 않았어요" 문구와 함께 현재 인원 / 최소 출발 인원을 진행 막대로 보여줘(예: 4명 / 6명). "8월 1일 18시까지 인원이 차지 않으면 자동 취소되고 전액 환불돼요" 를 박스로 강조, [친구에게 공유하기] 버튼(같이 가면 확정될 수 있다는 안내), 아래에 "확정된 다른 날짜" 와 "비슷한 상품" 추천을 넣어줘.

바우처 상세

현지에서 제시하는 바우처 상세 화면을 만들어줘. 1) 화면 가운데 큰 QR 코드와 그 아래 예약번호(길게 눌러 복사 가능) 2) 상품명, 이용 날짜와 시간, 인원, 대표 예약자 영문명 3) 미팅 장소 — 주소, 지도 썸네일, [길찾기] 버튼 4) 현지 비상 연락처 — 전화 걸기 버튼 5) 이용 안내 — 15분 전 도착, 여권 지참 등 주의사항 6) 하단에 [이미지로 저장] [인쇄하기] QR이 잘 읽히도록 이 화면에서는 배경을 흰색으로 하고, "화면 밝기를 최대로 올려주세요" 안내를 작게 넣어줘.

나머지 40개 화면의 프롬프트는 패키지에 들어 있어요.

내 서비스에 맞게 직접 만들 수도 있어요

컨셉과 메뉴만 입력하면 화면 목록부터 화면별 프롬프트까지, 빠지는 화면 없이 설계해드려요.

무료로 시작하기