프로젝트 기간 : 2021년 3월~2022년 3월 (총 12개월)
카테고리 이동이 많은 고객을 위한 모바일 사용성 개선
동서가구 홈페이지를 방문하는 고객들의 71%가 주로 제품을 찾기 위해 자사몰을 방문하고 있다. Google Analytics (GA)를 통해 조사한 결과, 고객의 56%가 단품 페이지를 방문하고 15%가 상품 리스트를 살펴보고 있어, 웹사이트 내에서의 탐색을 위해 GNB를 활용하는 고객 여정을 확인했다. 그러나 기존의 GNB는 탐색에 있어서만큼 고객들의 여정을 원활하게 돕지 못하고 있다. 메인화면에서 상단 전략 카테고리와 하단 상품 카테고리의 시각적 구분이 모호하며, 상단 고정된 메뉴가 많아 전략 카테고리가 눈에띄지 않고 가독성이 떨어져 접근성이 떨어진다. 이에 따라 홈화면 상단은 전략 카테고리 위치를 중심으로 메뉴 구조를 재구성하였다. 홈화면 하단의 상품 카테고리는 상품 썸네일과 함께 노출하여 고객들이 쉽게 원하는 정보를 찾을 수 있도록 상단과 하단의 카테고리를 개편하였다.
[그림1] 상단 GNB와 전략 카테고리
모바일 사용성을 최적화한 하단 탭바
기존 앱에서는 상단 메뉴탭을 통해 페이지간 이동을 할 수 있었다. 그러나 동서가구 고객 특성상 탐색을 위해 어느 페이지에서나 상품 탐색 및 이동이 가능해야했다. 하단 탭바를 사용하여 엄지와 거리가 먼 위쪽에 조작메뉴들이 집중되어 메뉴이동이 불편한 현상을 해소하고 모바일 사용을 최적화 시켰다. 또한 장바구니 이동만 고정메뉴로 사용되어 접근성이 좋지 않은 문제를 해소하고 어느 페이지에서나 상품 탐색 및 마이페이지 접근이 가능해졌다.
[그림2] 하단 탭바 개편안
검색창 접근 강화와 인기검색어 제공
기존 GNB의 검색창은 상단에 단순 검색 기능을 제공하고 검색창 중요도에 비해 넓은 영역을 차지하고 있었다. 이를 개선하기 위해 검색 기능과 더블어 하단탭바 검색과 연동하여, 상품 탐색에 도움이 되는 인기검색어 큐레이션을 함께 제공하였다. 기존 디자인과 대비하여 검색바 명시성이 좋아졌고 영역을 축소해 더 중요한 전략 카테고리가 잘 보이도록 GNB의 가독성을 개선했다.
Comments