WorksAboutContact
← 모든 프로젝트 보기
01
웹 애플리케이션2026

OtterPlan

"AI가 만들어주는 나만의 여행 계획"

현재 리팩토링 중으로, 일부 기능이 정상 동작하지 않을 수 있습니다.

채팅 위저드로 여행 조건을 입력하면 AI가 맞춤형 여행 일정을 생성하는 웹 서비스. 도시 추천, 장소 분석, 일별 일정, 예상 경비를 자동 생성하고 Google Maps 위에 시각화합니다.

Next.js 15React 19FastAPIGPT-4oGoogle Maps API
PROBLEM

여행 계획을 세우려면 수십 개의 웹사이트를 뒤져야 합니다. 장소 리서치, 동선 최적화, 경비 계산, 예약 관리를 각각 따로 해야 하고, 한 번의 여행 계획에 20~40시간이 걸립니다. 선택지가 너무 많아 결정 장애가 오고, 결국 비효율적인 일정이 완성됩니다.

SOLUTION

5개의 대화형 질문(목적지, 날짜, 기간, 동행, 스타일)에 답하면, GPT-4o가 2~3분 안에 완성된 여행 일정을 생성합니다. 실제 좌표가 검증된 20개의 명소 추천, 일별 시간표, 7개 카테고리 예산 계산, 현지 정보(에티켓, 환율, 콘센트 타입)까지 한 번에 제공합니다.

KEY FEATURES
01

5단계 채팅 위저드

목적지 → 시기 → 기간 → 동행 → 스타일 순서로, 대화하듯 여행 조건을 입력합니다. AI가 입력에 맞춰 도시를 추천하고 여행 스타일에 따라 일정 밀도를 조절합니다.

02

Google Maps 실시간 연동

추천된 장소가 번호 핀으로 지도 위에 표시됩니다. 클릭하면 상세 정보를 확인하고, 검색으로 직접 장소를 추가할 수도 있습니다.

03

드래그 앤 드롭 일정 편집

AI가 생성한 시간 블록을 드래그로 이동·크기 조절할 수 있습니다. 모바일에서는 탭 기반 모달 편집기로 전환됩니다.

04

7개 카테고리 경비 계산

식비, 교통, 액티비티, 숙박, 항공, 쇼핑, 보험까지 7개 카테고리로 경비를 자동 계산합니다. 통화 변환과 인원 분담도 지원합니다.

05

PDF 내보내기

완성된 여행 계획을 한글 폰트가 임베드된 PDF로 다운로드할 수 있습니다. 일정, 장소, 예산, 현지 정보가 모두 포함됩니다.

06

스토리 타임라인

여행 일정을 세로 타임라인으로 시각화합니다. 장소 사진, 이동 시간, 설명이 스크롤 애니메이션과 함께 펼쳐집니다.

SCREENSHOTS
스크린샷 준비 중
스크린샷 준비 중
스크린샷 준비 중
TECH STACK
Next.js 15React 19FastAPIGPT-4oGoogle Maps API