← 포트폴리오로 돌아가기 UI/UX Case Study

NAVER + Shopping

홈 상단 메뉴 정보구조 개선 · 기존 서비스 분석 및 개선안 제시

Tool

Figma, Photoshop

분석 범위

홈 메인 상단 메뉴 영역

제외 범위

전체 IA 개편, 개별 카테고리 페이지 리디자인

유형

분석 + 개선안 (구현 없음)

01

Context & Observation

홈 상단 메뉴가 ‘많아서 문제’가 아니라, 분류 기준이 드러나지 않아 탐색 부담이 생기는 문제에 집중했다. 아래 빨간 박스가 분석 대상이다.

네이버플러스 스토어 홈 화면. 상단 메뉴와 아이콘 메뉴 영역이 빨간 박스로 표시되어 있다

분석 대상 — 홈 상단 메뉴와 아이콘 메뉴 영역

02

Problem Definition

네이버쇼핑 홈 상단 메뉴는 메뉴 수 자체보다 메뉴의 성격을 예측할 수 없는 구조로 인해, 사용자가 스크롤 이전에 탐색 전략을 세우기 어렵다.

03

Design Principle & Strategy

메뉴를 줄이는 대신, 메뉴가 어떤 성격인지 먼저 드러나도록 세 가지 원칙을 세웠다.

01

메뉴는 ‘줄이지 않고’, 성격을 드러낸다

각 메뉴의 역할을 숨기지 않고, 같은 성격끼리 시각적으로 묶는다.

02

홈 진입 메뉴와 콘텐츠 메뉴를 구분한다

홈으로 연결되는 메뉴는 “카테고리 대체”가 아님을 명확히 한다.

03

상단 메뉴는 탐색의 시작점까지만 담당한다

상세 탐색은 메인 콘텐츠에 위임한다.

04

Home Navigation Structure Redesign

메뉴를 탐색 목적에 따라 세 갈래로 분류하고, 사용자가 먼저 찾을 만한 순서로 재배열했다.

브랜드 & 스토어

컬리N마트, 마르디 입점, 하이엔드

브랜드 중심의 독립 쇼핑 경험 제공

큐레이션 & 테마 홈

스토어랭킹, 선물샵, 오늘끝딜, 베스트, 슈퍼특가, 쇼핑라이브, 지금배달, 기획전, 슈퍼적립 / 홈, 패션뷰티, 푸드윈도, 신학기가구, 패션타운, 미스터

주제별·상황별로 편집된 쇼핑 홈 진입점

혜택 & 멤버십

쿠폰·혜택, 쿠폰팩매일발급, 친구초대, N배송

회원 대상 혜택 및 리워드 기능 진입

BEFORE
개선 전 네이버플러스 스토어 홈 상단 메뉴
AFTER — Reordering Navigation with Cognitive Priority
인지 우선순위에 따라 재배열한 홈 상단 메뉴
제안 메뉴 순서홈 | 오늘끝딜 · 슈퍼적립 · 베스트 | 컬리N마트 · 마르디 · 하이엔드 · 쇼핑라이브 | 패션뷰티 · 푸드윈도 · 미스터 · 선물샵 · 기획전 | N배송 · 지금배달 · 쿠폰/혜택

사용자가 가장 먼저 찾을 것으로 예상되는 끝딜·특가를 앞에 배치해 쇼핑의 방향을 잡아준다. 전략적으로 밀고 있는 타 브랜드와의 협업을 그다음에 두어 주의를 끌고, 큐레이션 페이지와 혜택 관련 페이지는 정렬해 시각적으로 정리했다.

홈의 추가 아이콘 메뉴에는 시간성·보상성이 강한 기능을 상단 네비게이션과 홈 영역에 중복 노출해 접근성을 높인다.