투어 예약 웹사이트

BayTrip

고객이 직접 출발일을 고르고 시즌별 요금을 바로 확인해, 단 몇 분 만에 베이 여행 예약을 마칠 수 있습니다.

고객: 베이 지역 투어와 숙박 상품을 운영하는 여행사
산업 분야: 관광
서비스: 웹사이트 제작
수행 기간: 13주
연도: 2026

프로젝트 개요

업무 범위

UX/UI 디자인투어 예약 웹사이트온라인 결제요금 관리

고객사는 단기 크루즈 투어, 카약, 섬 탐방 투어를 운영하며 베이 주변 제휴 호텔의 숙박도 함께 제공합니다. 예약 대부분은 대리점과 소셜 미디어를 통해 들어와 메시지로 확정되었고, 매년 여름 성수기마다 영업팀은 잔여석을 수시로 확인하고 견적을 수작업으로 다시 안내해야 했습니다.

BayTrip 웹사이트는 개인 고객이 투어와 객실을 직접 예약할 수 있도록 구축되었습니다. 잔여석이 있는 출발 일정을 확인하고, 시즌에 따라 투명하게 바뀌는 요금을 보고, 온라인으로 결제한 뒤 즉시 예약 확정 안내를 받을 수 있습니다. 이를 통해 고객사는 중개 채널 의존도를 낮추고 예약 건당 수익률을 개선했습니다.

과제

시즌·요일별로 달라지는 요금

투어와 객실 요금은 성수기, 비수기, 주말, 공휴일마다 다르며, 아동 요금이나 1인실 추가 요금도 함께 적용됩니다.

회차별로 한정된 좌석

크루즈와 객실은 정원이 정해져 있어, 두 고객이 마지막 한 자리를 동시에 결제하는 상황을 확실하게 처리해야 했습니다.

날씨에 따른 일정 변동

날씨로 인해 투어가 연기될 수 있어, 예약 고객에게 일괄 안내하고 날짜 변경과 환불을 처리할 수 있는 체계가 필요했습니다.

GREEN TECH의 솔루션

저희는 NestJS와 PostgreSQL을 기반으로 시즌, 요일, 고객 유형별 요금 규칙 체계를 구축해 운영팀이 개발자 없이도 직접 요금을 조정할 수 있도록 했습니다. 고객이 결제를 시작하면 좌석을 몇 분간 임시로 확보하고 결제가 성공했을 때만 예약을 확정해 중복 판매를 없앴습니다. Supabase는 계정 인증과 이미지 저장을 담당하며, Next.js와 Tailwind CSS로 구현한 화면은 대부분의 여행객이 검색과 예약에 사용하는 스마트폰에서의 속도를 최우선으로 설계했습니다.

주요 기능

한눈에 보는 출발 일정

월별 캘린더에 잔여석이 있는 날짜, 마감 임박 날짜, 참고 요금을 표시해 고객이 빠르게 비교하고 선택할 수 있습니다.

투명한 시즌별 요금

날짜, 인원, 객실 유형을 선택하는 즉시 총액이 계산되며, 각 추가 요금 항목이 명확하게 표시됩니다.

투어·숙박 결합 상품

투어와 제휴 호텔 객실을 하나의 주문으로 묶을 수 있으며, 패키지로 예약하면 할인 혜택이 자동으로 적용됩니다.

온라인 결제 및 일정 변경

카드, 전자지갑, 계좌이체로 결제할 수 있으며, 일정이 바뀌면 고객이 정책에 따라 직접 날짜를 변경할 수 있습니다.

주요 성과

+36%

직접 예약 건수

-18%

중개 수수료 비용

3분

예약 1건 완료 시간

첫 성수기를 지나면서 직접 예약 비중이 크게 늘어 중개 채널과 수수료 비용에 대한 의존도가 줄었습니다. 영업팀은 수작업 견적 대신 단체 고객과 파트너 관리에 집중하게 되었습니다. 날씨로 일정을 조정해야 할 때도 이제 관리자 페이지에서 몇 번의 조작만으로 고객에게 안내하고 날짜를 변경할 수 있습니다.