스킨케어, 메이크업, 헤어케어, 바디케어, 맨케어, 맘앤베이비, 툴, 퍼퓸까지 뷰티 전 카테고리를 다루는 종합 쇼핑몰을 제작한 사례입니다. 취급 브랜드 수가 많고 상품 구성이 다양한 만큼, 이용자가 어떤 경로로 진입하든 원하는 제품을 빠르게 찾을 수 있는 탐색 구조를 설계하는 것이 이 프로젝트의 핵심이었습니다.
화면 구성과 탐색 흐름
카테고리와 브랜드 두 축의 탐색 구조
좌측 사이드바에는 제품 유형별 카테고리를 배치했습니다. 스킨케어 아래 스킨, 토너, 미스트처럼 세부 분류를 펼쳐볼 수 있는 구조로, 어떤 종류의 제품을 찾는지 알고 있는 이용자가 바로 진입할 수 있습니다. 같은 사이드바 하단에는 브랜드 목록을 따로 배치해 브랜드 이름으로 탐색하는 이용자도 수용했습니다. 카테고리 탐색과 브랜드 탐색이 같은 화면 안에서 병렬로 제공되는 구조입니다.
상단 내비게이션과 메인 화면
상단 메뉴는 베스트셀러, 이벤트, 세일, 리뷰, CS 센터, 브랜드 리스트로 구성했습니다. 카테고리 탐색과 성격이 다른 기능들을 상단에 분리해 배치한 것입니다. 메인 화면은 대형 배너 슬라이더 아래로 기획전 섹션이 이어지는 구조입니다. 브랜드별 기획전 배너, 카테고리별 추천 상품, 개별 상품 진열 순서로 배치해 처음 방문한 이용자가 전체 구색을 한 화면에서 파악할 수 있도록 했습니다.
상품 진열 방식
메인 중단에는 브랜드별 기획전을 이미지 배너 형태로 구성했습니다. 각 배너는 브랜드명과 대표 제품 이미지, 제품명을 함께 표시해 클릭 전에도 어떤 브랜드의 어떤 제품인지 파악할 수 있습니다. 남성 전용 브랜드 섹션, 여성 컬러 메이크업 섹션처럼 성별과 제품 특성에 따라 기획전을 구분했습니다. 메인 하단에는 개별 상품을 4열 격자로 진열하고 상품명과 가격을 표시했습니다.
고객 지원과 구매 편의 기능
좌측 사이드바에 고객 지원 영역을 별도로 배치했습니다. 전화번호, 운영 시간, 상담 가능 시간, 계좌 정보를 한 곳에 모아 구매 전 확인이 필요한 이용자가 바로 찾을 수 있도록 했습니다. 상단 우측에는 즐겨찾기 추가와 시작 페이지 설정 버튼을 두어 재방문을 유도했습니다. 로그인, 회원가입, 장바구니, 마이페이지, 주문 및 배송 조회는 상단 우측에 모아 배치했습니다.
