여행 박람회 프로모션 웹
서비스 기획·UX/UI
D16 · WEB · BRAND
제품·시연 사례제공된 제품 화면 · 예시 데이터
지도 기반 여행 탐색
목적지와 일정 검색, 여행지 카드와 지도 탐색, 패키지 비교를 한 페이지로 구성한 여행 웹입니다. 여행 이미지의 분위기와 선택에 필요한 정보를 함께 보여주고 반응형 탐색과 전환을 구성했습니다.
- 사례
- 목적지와 상품을 연결하는 여행 탐색 웹
- 수행 유형
- 제품·시연 사례
- 작업 범위
- 목적지·일정 검색 UI · 여행지 카드 · 지도 미리보기 · 패키지 비교 · 반응형·전환
- 자료
- 제공된 제품 화면 · 예시 데이터
목적지 검색과 여행지 카드
목적지·일정·인원을 모은 검색 진입점을 메인에 두고, 여행지 사진과 국가·가격·평점을 카드로 정리했습니다. 이미지의 분위기와 선택에 필요한 정보를 함께 보여주는 탐색 화면입니다.
지도에서 위치와 정보를 연결
지도 위 목적지 마커, 도시 목록과 미리보기 카드를 구성했습니다. 위치를 가리키면 국가·도시·짧은 소개와 탐색 진입점을 보여주고, 확대·축소 제어를 함께 배치했습니다.
패키지 비교와 반응형 페이지
여행 지역·숙박 기간·제공 항목·가격을 패키지별로 비교하는 화면을 구성했습니다. React 19·TypeScript로 검색·여행지·지도·패키지·문의 영역을 나누고, 반응형 배치와 패럴랙스 전환, 로딩·오류 상태 및 메타 정보를 함께 다뤘습니다.
PROJECT INFO
- 제작: 쿤웍스
- 제품: 여행 웹 프론트엔드
- 기술: React 19 · TypeScript · Vite · React Router · Tailwind CSS
비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.
MORE · WEB · BRAND
같은 분야의 다른 사례
우리 업무에 적용한다면.
이 사례 정보가 문의서에 함께 담깁니다.