- 클라이언트. 롯데호텔
- 제작사. 팀인터페이스
- 론칭일. 2021.03.31
- URL. https://www.lottehotel.com/global/ko.html
호텔 공식 홈의 차별된 가치를 중심으로, 즐겁고 편리한 예약
롯데호텔 글로벌 홈페이지는 전 세계 30개 체인 호텔 사이트의 게이트 역할을 하며 공통 예약기능을 제공하는 사이트입니다. 관심지역 기반 호텔 검색을 제공하고 상품과 예약, 체인 사이트와 글로벌 사이트 간의 네비게이션을 최적화해 풍부한 콘텐츠를 즐기며 관심을 따라 편리하게 이동할 수 있는 예약 흐름으로 개선했습니다.
LOTTE HOTELS GLOBAL WEB & APP UX DESIGN
AEM based design
일관된 원칙과 사이트 별 차별성을 동시에 구현한
AEM 컴포넌트 기반 디자인
AEM (Adobe Experience Manager) 컴포넌트 기반으로 관리되는 사이트 특성을 고려해, 화면 컴포넌트와 일관된 원칙을 공유하면서 각 사이트의 차별된 Brand Identity와 콘텐츠를 운영하기 쉽도록 공통 디자인 및 컴포넌트 디자인을 개선했습니다.
User-centered Search
관심 기반의 호텔 탐색
사용자 키워드를 수용하는 검색과 검색어 위치 기준의 지도 기반 호텔 목록으로 사용자 관심 흐름에 맞게 호텔 정보를 탐색할 수 있습니다.
Reservation
아쉬움 없는 콘텐츠와 집중된 네비게이션, 가격 내세운 전환유도로 도달률 개선한 예약
예약 사용성 진단에서의 이탈 요인이었던 콘텐츠 부족, 이탈 후 복귀할 수 없는 네비게이션을 개선했습니다. 예약 중간 단계의 GNB를 감추어 예약 흐름의 선형적 구조(linear navigation)를 강화하고, 예약bar UI를 일관적으로 제공해 조건을 바꿔 탐색하며 예약을 이어가는 사용이 편리하게 했습니다. 흩어져 있는 콘텐츠를 각 화면단계의 니즈에 맞춰 노출해 이탈 요인을 제거해 예약 도달율을 개선하고 ‘회원가=혜택’ 메세지를 일관적으로 전달하는 UI 장치를 통한 전환 전략을 확립했습니다.
Enjoyable browsing
관심과 탐색이 서로를 잃지 않는 방법
: 카테고리, 태그, 필터, 찜(예약찜) + easy navigation
롯데호텔 공식 홈페이지의 가장 큰 매력인 ‘다양한 상품’을 고객의 다양한 관심 요소를 기반으로 즐겁고 편리하게 탐색할 수 있도록 상품 태그, 카테고리, 필터의 사용성과 디자인 및 관리기능을 개선했습니다. 찜 기능은 다른 호텔, 다른 날짜 상품간의 비교가 가능하도록 개선하고, 사용자 탐색에서 빈번히 일어나는 예약 플로우와 상품 메뉴 간 이동에서 각각의 UI 특성은 차별화하고 연결 네비게이션은 단순화하여, 현재 위치 인지를 유지하며 이동이 편리하도록 하였습니다.
Mobile APP
Responsive Web
