← 포트폴리오 목록으로

반려견 동반 여행 · 반응형 웹 개발 사례

장소 탐색부터 코스 예약까지 · 포우저니

포우저니는 반려견 동반 장소 탐색과 여행 코스 예약을 다루는 웹 서비스의 개발 사례입니다. 기존 고객용 웹과 서버 코드에서 지도·태그 검색, 성향 유형별 코스 조회, 날짜·인원·반려견 수·숙소 선택, 예약 정보와 결제·완료 화면의 구성을 확인했습니다. 아래에서는 확인한 개발 범위와 자료의 성격을 구분해 소개합니다.

프로젝트 개요

서비스
반려견 동반 여행 탐색·예약 플랫폼
개발 형태
반응형 고객 웹 예약·주문 백엔드 API
핵심 기능
지도·태그 탐색 성향 유형별 코스 조회 예약 정보 입력

반려견과 함께 갈 장소와 여행 코스를 찾고 예약하는 고객 웹을 구성했습니다. 장소·태그 탐색, 성향별 코스 조회와 예약 정보를 처리하는 백엔드 API를 연결했습니다.

여행 탐색과 예약 흐름

여행 코스의 소개·태그·일정과 선택 내역을 살펴본 뒤 여행자·반려견 정보를 입력하는 흐름으로 구성했습니다.

01

반려견 여행 서비스 개요

코스의 소개와 여행 태그를 살펴보고 선택한 일정·인원·반려견 수·금액을 확인합니다.

포우저니 로고

반려견 동반 여행,코스 탐색부터 예약까지

여행 코스를 살펴보고 일정과 선택 내역을 확인합니다.

01 · 코스 살펴보기

여행 소개와 코스 태그를 살펴봅니다.

포우저니 코스 살펴보기 화면

02 · 선택 내역 확인

선택한 일정·인원·반려견 수와 금액을 확인합니다.

포우저니 선택 내역 확인 화면
코스 소개와 예약 선택 내역을 확인하는 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.코스 살펴보기선택 내역 확인

02

코스 탐색과 선택 내역

여행 소개와 코스 태그를 확인하고 코스 상세에서 선택한 일정·인원·반려견 수·숙소 정보를 예약 화면으로 전달합니다.

코스를 살펴보고,예약 선택 내역을 확인합니다

코스 정보를 살펴보고 예약에 필요한 선택 내역을 확인합니다.

01 · 코스 소개·태그 확인

여행 소개와 코스 태그를 확인합니다.

포우저니 코스 소개·태그 확인 화면

02 · 예약 선택 내역 확인

일정·인원·반려견 수·숙소와 금액을 확인합니다.

포우저니 예약 선택 내역 확인 화면
여행 코스 탐색과 예약 선택 내역 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.코스 소개·태그 확인예약 선택 내역 확인

03

예약 정보 입력과 완료 안내

상품과 선택 내역을 확인하고 여행자·반려견 정보를 입력합니다. 완료 안내에서 홈과 예약 내역으로 이동할 수 있도록 구성했습니다.

선택한 상품 정보를 확인하고,예약 정보를 입력합니다

예약 정보를 입력하고 완료 안내와 예약 내역으로 이어집니다.

01 · 상품·선택 내역 확인

일정·인원·반려견 수와 금액을 확인합니다.

포우저니 상품·선택 내역 확인 화면

02 · 여행자·반려견 정보 입력

여행자의 연락처와 반려견 정보를 입력합니다.

포우저니 여행자·반려견 정보 입력 화면

03 · 완료 안내

완료 안내에서 홈 또는 예약 내역으로 이동합니다.

포우저니 완료 안내 화면
선택 내역 확인, 예약 정보 입력, 완료 안내로 이어지는 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.상품·선택 내역 확인여행자·반려견 정보 입력완료 안내

탐색에서 예약으로 이어지는 연결

장소 탐색과 성향 유형별 코스 조회
장소 탐색 화면은 성향과 장소 태그로 목록을 좁히고 지도에서 위치를 확인하도록 구성되어 있습니다. 성향 검사는 질문 응답으로 유형을 계산하고, 결과 유형과 같은 태그가 붙은 여행 코스를 조회하는 방식입니다.
코스 선택과 예약 정보 전달
코스 상세에서 선택한 날짜·인원·반려견 수·숙소 정보와 금액을 예약 정보 화면으로 전달합니다. 예약 정보·결제 화면에는 예약자와 반려견 정보를 확인하는 입력 항목이 있으며, 완료 화면은 예약 완료 안내와 예약 내역 이동을 제공합니다.

RELATED WORK

비슷한 구조의 포트폴리오

같은 준비 상황이나 서비스 구조를 가진 포트폴리오를 이어서 확인해보세요.

RELATED GUIDE

비슷한 앱을 준비할 때 함께 볼 가이드

이 사례와 비슷한 서비스를 준비하면서 업체·견적·일정을 결정할 때 확인할 내용을 정리했습니다.