LOTTEHOTEL GLOBAL WEB/APP
UX RENEWAL
2021.01
Client Hotel Lotte
Date 2020. 08 - 2021.01
Objective App & Responsive web UX design Team-My role Team(4), PM(1:Direction, Managing), PL(1:ME| Research, Planning, Design) GUI Design(2)
︎ ︎
# AEM component design
# User-centered Search method
# Usabiliry test based
‘필요한 정보는 모두 탐색하되, 헤메지 않고 예약완료까지’
롯데호텔 글로벌 홈페이지는 전 세계 30개 체인 호텔 사이트의 게이트 역할을 하며 공통 예약기능을 제공하는 사이트입니다. 관심지역 기반 호텔 검색을 제공하고 상품과 예약, 체인 사이트와 글로벌 사이트 간의 네비게이션을 최적화해 풍부한 콘텐츠를 즐기며 관심을 따라 편리하게 이동할 수 있는 예약 흐름으로 개선했습니다.
Solution 01
일관된 원칙과 사이트 차별성을 동시에 구현한 AEM 기반 디자인
AEM (Adobe Experience Manager) 컴포넌트 기반으로 관리되는 사이트 특성을 고려해, 화면 컴포넌트와 일관된 원칙을 공유하면서 각 사이트의 차별된 Brand Identity와 콘텐츠를 운영하기 쉽도록 공통 디자인 및 컴포넌트 디자인을 개선했습니다.
Solution 02
GNB 개선을 통한 예약 흐름 선형적 구조 강화
예약 사용성 진단에서의 이탈 요인이었던 콘텐츠 부족, 이탈 후 복귀할 수 없는 네비게이션을 개선했습니다. 예약 중간 단계의 GNB를 감추어 예약 흐름의 선형적 구조(linear navigation)를 강화하고, 예약bar UI를 일관적으로 제공해 조건을 바꿔 탐색하며 예약을 이어가는 사용이 편리하게 했습니다.
흩어져 있는 콘텐츠를 각 화면단계의 니즈에 맞춰 노출해 이탈 요인을 제거해 예약 도달율을 개선하고 ‘회원가=혜택’ 메세지를 일관적으로 전달하는 UI 장치를 통한 전환 전략을 확립했습니다.
Solution 03
지도뷰와 리스트뷰의 유연한 전환, 카테고리, 태그, 필터, 찜
을 통한 풍부한 정보 탐색 경험 제공
롯데호텔 공식 홈페이지의 가장 큰 매력인 ‘다양한 상품’을 고객의 다양한 관심 요소를 기반으로 즐겁고 편리하게 탐색할 수 있도록 상품 태그, 카테고리, 필터의 사용성과 디자인 및 관리기능을 개선했습니다.
찜 기능은 다른 호텔, 다른 날짜 상품간의 비교가 가능하도록 개선하고, 사용자 탐색에서 빈번히 일어나는 예약 플로우와 상품 메뉴 간 이동에서 각각의 UI 특성은 차별화하고 연결 네비게이션은 단순화하여, 현재 위치 인지를 유지하며 이동이 편리하도록 하였습니다.
+ Responsive design optimized for any device
