리조트 통합 소개 페이지
객실 유형과 부대시설 정보를 한눈에 볼 수 있도록 정리한 홈페이지
객실뿐 아니라 수영장, 다이닝, 키즈시설, 웰니스, 패키지 등 다양한 서비스를 함께 운영하는 대형 복합 리조트를 가정해 제작한 멀티페이지 홈페이지입니다.
정보량이 많은 대형 숙박시설의 모든 내용을 하나의 긴 페이지에 넣는 대신, 고객이 필요한 목적에 따라 객실, 시설, 다이닝, 패키지, 위치정보 페이지로 이동할 수 있도록 전체 사이트 구조를 먼저 설계했습니다.
이번 프로젝트의 핵심은 단순한 고급 디자인이 아니라 “많은 정보를 복잡하지 않게 보여주는 구조”를 만드는 것이었습니다.
- 01. SITE ARCHITECTURE
리조트 규모에 맞는 멀티페이지 구조를 설계했습니다
- HOME
- ROOMS & SUITES
- ROOM DETAIL
- FACILITIES
- DINING
- SPECIAL OFFERS
- OFFER DETAIL
- LOCATION & GUIDE
각 페이지가 서로 다른 역할을 담당하도록 나누었습니다.
메인페이지는 모든 정보를 설명하는 페이지가 아니라 리조트의 브랜드와 대표 콘텐츠를 보여주고 각 상세페이지로 연결하는 HUB 역할을 하도록 구성했습니다.
- 02. HOME PAGE
메인페이지에서는 핵심 콘텐츠만 보여주었습니다
Hero, Quick Booking, 대표 객실, 주요 시설, 다이닝, 패키지, 위치정보를 간단히 소개하고 자세한 내용은 각각의 페이지로 이동하도록 구성했습니다.
대형 숙소의 많은 정보를 홈페이지 첫 화면부터 모두 보여주지 않아 스크롤 부담을 줄이는 것이 중요했습니다.
- 03. QUICK BOOKING
호텔과 리조트 이용자에게 익숙한 예약 검색 UX를 적용했습니다
체크인, 체크아웃, 인원, 객실 수를 선택한 뒤 객실 검색으로 이동할 수 있는 Quick Booking 영역을 Hero 바로 아래에 배치했습니다.
홈페이지를 둘러보려는 고객과 바로 예약하려는 고객 모두를 고려한 구조입니다.
- 04. ROOMS & SUITES
객실 목록과 객실 상세페이지의 역할을 분리했습니다
ROOMS 페이지에서는 Deluxe, Premier, Family, Suite를 한눈에 비교할 수 있도록 구성했습니다.
인원, 침대, 전망, 객실 크기, 주요 특징을 먼저 확인한 뒤 원하는 객실을 선택하면 별도의 상세페이지로 이동하도록 설계했습니다.
객실 상세페이지에서는 큰 사진 갤러리, 객실 설명, 욕실, 어메니티, 이용안내, 예약 CTA를 제공해 보다 깊이 있는 정보를 확인할 수 있도록 했습니다.
- 05. FACILITIES
시설의 성격에 따라 서로 다른 레이아웃을 사용했습니다
- 인피니티풀
- 키즈라운지
- 사우나
- 피트니스
- 라운지
- 연회장을
모두 동일한 카드 디자인으로 반복하지 않고 각 시설의 특징에 맞게 큰 이미지, 2단 레이아웃, 넓은 비주얼 영역 등을 조합했습니다.
시설이 많아도 페이지가 반복적으로 보이지 않도록 하는 것이 중요한 디자인 포인트였습니다.
- 06. DINING
다이닝을 별도의 브랜드 경험으로 구성했습니다
THE TABLE, ROOFTOP BAR, LOUNGE CAFÉ 각각의 공간 분위기, 운영시간, 위치, 서비스를 쉽게 확인할 수 있도록 했습니다.
음식 사진만 보여주는 방식보다 각 공간에서 어떤 경험을 할 수 있는지 느껴지도록 레스토랑과 라운지의 공간 이미지를 크게 활용했습니다.
- 07. SPECIAL OFFERS
리조트의 패키지 상품을 독립적인 콘텐츠로 설계했습니다
객실과 시설만 소개하는 것에서 끝나지 않고 커플, 가족, 수영장, 웰니스 등 여행 목적에 맞는 패키지를 별도의 페이지에서 확인할 수 있도록 했습니다.
각 패키지는 대표 이미지, 기간, 구성, 상세내용을 확인한 뒤 예약으로 이동하도록 구성했습니다.
- 08. EVENT POPUP
시즌 프로모션을 홍보할 수 있는 이벤트 팝업을 구현했습니다
홈페이지 최초 방문 시 AUTUMN POOL & STAY 프로모션을 확인할 수 있도록 하고, 팝업에서 패키지 상세페이지로 바로 이동하도록 연결했습니다.
단순한 광고창처럼 보이지 않도록 리조트 브랜드와 동일한 디자인 톤을 적용했으며, 닫기, 오늘 하루 보지 않기, 모바일 대응 등 실제 운영 홈페이지에서 사용할 수 있는 UX도 함께 고려했습니다.
- 09. RESERVATION FLOW
사이트 전반에 예약 동선을 분산 배치했습니다
Header, Hero, Quick Booking, 객실, 패키지, 페이지 하단 CTA 등 고객이 예약을 결정하는 시점에 따라 자연스럽게 행동할 수 있도록 여러 위치에 예약 접근점을 제공했습니다.
다만 모든 영역에 예약 버튼을 반복하지 않아 과도한 광고 느낌이 나지 않도록 조절했습니다.
- 10. LOCATION & GUIDE
방문 전 필요한 운영정보를 하나의 페이지에 정리했습니다
오시는 길, 차량 이동, 주차, 체크인, 주요 시설 운영시간, FAQ, 주변 관광지 등을 LOCATION & GUIDE 페이지에서 확인할 수 있도록 했습니다.
리조트 이용 전 필요한 정보를 여러 페이지에서 찾지 않아도 되도록 정보 중심의 안내 페이지 역할을 담당합니다.
- 11. DESIGN DIRECTION
도시적이고 현대적인 프리미엄 이미지를 표현했습니다
화이트와 밝은 웜그레이를 기본으로 사용하고, 딥 네이비와 샴페인 베이지를 조합했습니다.
골드는 아주 제한적으로 사용해 오래된 호텔 스타일이 아니라 현대적인 리조트 브랜드처럼 보이도록 구성했습니다.
큰 이미지와 명확한 타이포그래피, 정돈된 Grid를 사용해 정보량이 많아도 시각적으로 복잡하지 않게 디자인했습니다.
- 12. RESPONSIVE DESIGN
멀티페이지 전체를 모바일에서도 동일하게 이용할 수 있도록 구성했습니다
모바일에서는 글로벌 메뉴를 Hamburger 형태로 변경하고, 객실, 시설, 다이닝, 패키지 콘텐츠는 작은 화면에 맞게 1열 또는 Swipe 방식으로 재구성했습니다.
Quick Booking과 예약 CTA 역시 터치 환경에서 쉽게 사용할 수 있도록 조정했습니다.
대형 숙박시설에 맞는 멀티페이지 정보구조, 객실 비교와 상세페이지, 시설과 다이닝의 콘텐츠 분리, 패키지 판매 페이지, 시즌 이벤트 팝업, 예약 검색과 CTA, 모바일까지 연결되는 전체 사용자 흐름을 중심으로 제작했습니다.
단순히 페이지 수를 늘리는 것이 아니라 각 페이지가 명확한 목적을 갖도록 설계한 프로젝트입니다.
본 프로젝트는 LIMPAGE의 홈페이지 제작 역량을 보여주기 위해 제작한 포트폴리오용 가상 프로젝트입니다.