등급별 구성
스탠다드
49,000원
기획 문서 6종
디럭스
69,000원
6종 + AI 빌드 스펙팩
프리미엄
89,000원
디럭스 + 디자인 프리셋 3종
판매 준비 중이에요
곧 구매하실 수 있어요. 지금은 아래에서 내용을 미리 확인해 보세요.
사이트 컨셉
해외 여행지의 투어·입장권·패스를 파는 예약 플랫폼. 여행자는 여행지별로 상품을 둘러보고 날짜와 인원을 골라 예약한 뒤, 현지에서 쓸 바우처를 받는다. 운영자는 상품과 재고를 등록하고 예약·바우처·정산을 관리한다.
메뉴 구조
홈
여행지를 고르고 상품을 찾아 들어가는 첫 화면
화면 4개
상품
투어·입장권·패스를 둘러보고 날짜와 옵션을 고른다
화면 7개
장바구니
고른 상품을 모아두고 한 번에 예약한다
화면 2개
예약·결제
여행자 정보를 넣고 결제해 예약을 확정한다
화면 6개
바우처
현지에서 제시하는 교환권을 보관하고 사용한다
화면 4개
마이페이지
예약을 확인하고 취소·후기·쿠폰을 관리한다
화면 9개
고객센터
궁금한 점을 찾아보고 문의한다
화면 4개
관리자
상품·예약·바우처·정산을 운영자가 관리한다
화면 7개
AI가 빠뜨리기 쉬운 예외 화면 9개
“만들어줘” 한 줄로는 잘 나오지 않는, 실제 서비스에 꼭 필요한 화면들입니다.
화면 목록 43개 · 기능 정의
홈
화면 4개| 홈main | 여행지 검색창이 얹힌 히어로 배너 · 인기 여행지 바로가기 6곳 · 이번 주 인기 상품 8개 카드 · 특가·마감임박 상품 캐러셀 · 패스 상품 안내 배너 · 테마별 추천 탭(투어/입장권/교통) · 실제 후기 슬라이드 5개 · 현지 라운지·고객센터 안내 · 여행 팁 콘텐츠 4개 · 하단 앱·카톡 채널 안내 |
| 여행지 홈main | 여행지 대표 사진과 한 줄 소개 · 이 도시 인기 상품 8개 · 카테고리 필터(투어/입장권/교통/패스) · 이 도시 전용 패스 안내 · 추천 일정 3코스 · 현지 쿠폰 제휴처 목록 · 날씨·시차·팁 정보 카드 · 이 도시 후기 모음 |
| 검색 결과list | 검색어와 결과 수 표시 · 필터(여행지·카테고리·가격대·평점·소요시간) · 정렬(인기순/낮은가격순/평점순) · 상품 카드 목록 · 지도 보기 전환 · 무한 스크롤 |
| 검색 결과 없음list-empty | 검색어를 포함한 안내 문구 · 필터 초기화 버튼 · 추천 상품 4개 · 인기 검색어 칩 |
상품
화면 7개| 상품 목록list | 카테고리 탭 · 필터(가격·평점·소요시간·언어·즉시확정) · 정렬 · 상품 카드 그리드 · 마감임박 배지 · 찜하기 · 페이지네이션 |
| 상품 상세detail | 사진 갤러리 · 상품명과 별점·후기 수 · 핵심 정보 배지(소요시간·언어·즉시확정·미팅장소) · 가격과 할인율 · 상품 소개 본문 · 코스 일정 타임라인 · 포함/불포함 사항 · 미팅 장소 지도 · 취소·환불 규정 · 후기 요약과 최신 후기 5개 · 자주 묻는 질문 · 하단 고정 예약 바 |
| 날짜·옵션 선택form | 달력에서 출발일 선택(예약 가능일만 활성) · 시간대 선택 · 인원 선택(성인·아동·유아) · 옵션 선택(픽업 여부·좌석 등급) · 실시간 잔여 좌석 표시 · 총 금액 자동 계산 |
| 패스 상품 상세detail | 패스 소개와 절약 금액 강조 · 포함 명소 목록과 개별 정가 · 이용 기간과 사용 규칙 · 패스 종류별 가격표(2일권·3일권) · 사용 방법 3단계 · 주의사항 · 하단 고정 구매 바 |
| 상품 비교detail | 선택한 상품 2~3개를 표로 나란히 비교 · 비교 항목(가격·소요시간·포함사항·미팅장소·취소규정·평점) · 차이나는 항목 강조 · 각 열에서 바로 예약 |
| 예약 마감·품절closed | 마감 사유 안내(좌석 소진·판매 종료·시즌 종료) · 다음 예약 가능일 안내 · 재입고 알림 신청 · 비슷한 상품 4개 추천 |
| 후기 전체보기list | 평점 분포 막대그래프 · 필터(별점·사진후기만·최근순) · 후기 카드 목록(사진·별점·본문·여행일·동행유형) · 도움돼요 버튼 · 더보기 |
장바구니
화면 2개| 장바구니list | 담은 상품 목록(사진·상품명·날짜·인원·옵션·금액) · 개별 선택 체크박스 · 수량·옵션 수정 · 삭제 · 예약 불가 항목 경고 · 금액 요약과 결제 버튼 |
| 장바구니 비어 있음cart-empty | 빈 상태 일러스트와 안내 문구 · 인기 상품 둘러보기 버튼 · 최근 본 상품 4개 |
예약·결제
화면 6개| 여행자 정보 입력form | 예약 상품 요약 · 대표 예약자 정보(이름·영문명·연락처·이메일) · 인원별 여행자 정보(영문명·생년월일) · 픽업 호텔 입력 · 요청사항 · 약관 동의 |
| 결제form | 예약 내역 요약 · 쿠폰·포인트 적용 · 결제 수단 선택(카드·간편결제·해외결제) · 최종 금액 계산 · 환율 안내 · 결제 진행 |
| 예약 완료complete | 완료 아이콘과 예약번호 · 예약 상품 요약 · 바우처 발급 안내 · 미팅 장소와 시간 재안내 · 준비물 체크리스트 · 예약 내역 바로가기 |
| 결제 실패error | 실패 아이콘과 사유를 쉬운 말로 안내 · 자주 있는 원인 3가지 · 다시 시도 버튼 · 다른 결제 수단 안내 · 고객센터 연결 |
| 예약 확정 대기pending | 대기 상태 안내와 예상 확정 시각 · 왜 대기가 필요한지 설명 · 확정 알림 방법 안내 · 대기 중 취소 시 전액 환불 안내 · 예약 내역 바로가기 |
| 최소 인원 미달 안내pending-error | 출발 확정 인원과 현재 인원 표시 · 확정 마감 시각 안내 · 미달 시 전액 환불 안내 · 대체 상품 추천 · 친구 초대 공유 |
바우처
화면 4개| 바우처 목록list | 사용 예정·사용 완료·만료 탭 · 바우처 카드(상품명·사용일·QR 미리보기·상태 배지) · 오프라인 저장 안내 · 인쇄·이미지 저장 버튼 |
| 바우처 상세detail | 큰 QR 코드와 예약번호 · 상품명과 이용 일시 · 미팅 장소 지도와 길찾기 · 현지 연락처 · 이용 안내와 주의사항 · 화면 밝기 자동 최대 안내 · 저장·인쇄 |
| 바우처 만료expired | 만료 안내와 만료일 표시 · 만료 사유 설명 · 재발급 가능 여부 안내 · 고객센터 문의 버튼 · 같은 상품 다시 예약 |
| 바우처 재발급 요청form | 재발급 사유 선택 · 예약번호 확인 · 받을 이메일 입력 · 처리 소요시간 안내 · 요청 완료 안내 |
마이페이지
화면 9개| 로그인form | 이메일·비밀번호 입력 · 소셜 로그인(카카오·구글·애플) · 자동 로그인 · 비밀번호 찾기 · 비회원 예약 조회 링크 |
| 회원가입form | 이메일·비밀번호·이름·영문명 입력 · 비밀번호 조건 실시간 표시 · 약관 동의(필수·선택 구분) · 마케팅 수신 동의 · 가입 혜택 안내 |
| 예약 내역list | 상태 탭(예정·완료·취소) · 예약 카드(상품명·날짜·인원·상태 배지·금액) · D-day 표시 · 바우처 바로가기 · 후기 쓰기 유도 |
| 예약 내역 없음list-empty | 빈 상태 일러스트와 안내 · 인기 여행지 바로가기 · 첫 예약 쿠폰 안내 |
| 예약 상세detail | 예약번호와 상태 · 상품·일정 정보 · 여행자 명단 · 결제 내역(금액·수단·영수증) · 미팅 장소 · 취소·환불 규정 요약 · 취소하기·문의하기 버튼 |
| 예약 취소 신청form | 출발일 기준 환불 수수료 자동 계산 · 환불 예정 금액 표시 · 취소 사유 선택 · 환불 계좌·수단 확인 · 취소 확인 재확인 |
| 취소 불가 안내error | 취소 불가 사유와 기준일 안내 · 규정 원문 표시 · 예외 요청 안내 · 고객센터 연결 |
| 후기 작성form | 별점 선택 · 세부 항목 평가(가이드·일정·가격만족도) · 본문 입력(글자수 안내) · 사진 첨부 최대 5장 · 동행 유형 선택 · 포인트 지급 안내 |
| 쿠폰함list | 사용 가능·사용 완료·만료 탭 · 쿠폰 카드(할인율·최소금액·유효기간·적용 대상) · 만료 임박 강조 · 쿠폰 코드 등록 |
고객센터
화면 4개| 자주 묻는 질문list | 카테고리 탭(예약·결제·취소환불·바우처·현지이용) · 검색창 · 아코디언 질문 목록 · 도움됐어요 버튼 · 문의하기 유도 |
| 1:1 문의 작성form | 문의 유형 선택 · 관련 예약 선택 · 제목·내용 입력 · 파일 첨부 · 답변 받을 방법 선택 · 예상 답변 시간 안내 |
| 문의 내역list | 문의 목록(제목·유형·작성일·상태 배지) · 답변 완료 여부 표시 · 문의 상세 펼치기 · 추가 질문 이어쓰기 |
| 공지사항list | 중요 공지 상단 고정 · 공지 목록(제목·작성일·카테고리) · 상세 펼치기 · 현지 이슈 알림 배너 |
관리자
화면 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개 화면의 프롬프트는 패키지에 들어 있어요.
내 서비스에 맞게 직접 만들 수도 있어요
컨셉과 메뉴만 입력하면 화면 목록부터 화면별 프롬프트까지, 빠지는 화면 없이 설계해드려요.
무료로 시작하기