Kunnworks
D16웹·브랜드

지도 및 여행지 탐색형 프리미엄 여행 홈페이지

여행 상품 탐색자를 위한 쿤웍스의 지도 및 여행지 탐색형 프리미엄 여행 홈페이지 제품 사례. 여행지 위치와 목적지별 상품을 함께 비교하는 정보 탐색 과제를 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례 · 프론트엔드
기술·작업 구성
React, TypeScript
핵심 기능 살펴보기
지도 및 여행지 탐색형 프리미엄 여행 홈페이지
D16 / PROJECT COVER제품 사례 · 프론트엔드
01 프로젝트 배경

문제와 접근 방식

여행지 이미지, 검색 조건과 지도 탐색을 연결하고 패키지 소개·프로모션을 배치하여 여행 계획 검토를 돕는 반응형 홈페이지 구현. 이미지·지도·목적지 콘텐츠를 연결하여 여행 후보를 탐색하는 웹 화면 구성.

02 핵심 기능

화면으로 보는 핵심 기능

04 / 04

패키지 및 프로모션

여행 탐색자를 위한 상품과 혜택 소개로 예약 검토에 필요한 정보 확인 지원

패키지 및 프로모션 — 여행 탐색자를 위한 상품과 혜택 소개로 예약 검토에 필요한 정보 확인 지원
패키지 및 프로모션이미지 크게 보기 (새 탭)
03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 지도 및 여행지 탐색형 프리미엄 여행 홈페이지
프로젝트 상세 보드이미지 크게 보기 (새 탭)