Spigen Watch Page Redesign
Graphic · E-commerce
2 week duration · 2024
Overview
Spigen 미국지사 디자인 인턴으로 근무하며 Amazon 워치 페이지 리디자인을 했습니다. 메인 페이지에서는 UX 개선에 집중했고, 개별 워치 페이지에서는 브랜드 일관성 강화에 집중하며 배너를 디자인했습니다.
Role
UX 디자이너, 그래픽 디자이너
Responsibilities
UX 문제 정의 및 개선, IA 구조 설계, 배너 디자인, 사용자 조사
(기여도 100%)
Problem
기존 메인 페이지의 구조는 Apple, Samsung, Google 등 브랜드 단위로 분류되어 있었습니다. 이로 인해 사용자는 특정 기종을 찾기 위해 불필요한 탐색 단계를 거쳐야 했습니다.
Goal
기종 중심 구조를 제공하여 불필요한 탐색 단계를 줄이고자 합니다.
Problem
데이터 분석, 경쟁사 조사, 이해관계자 인터뷰를 통해 조사를 했으며 아래 질문에 초점을 맞춰 진행했습니다.
기존 구조에서 발생한 탐색 혼란의 핵심 원인은 무엇인가?
사용자는 워치 액세서리를 찾을 때 브랜드와 기종 중 무엇을 먼저 인식하는가?
경쟁사의 페이지 구조는 어떠하며,그 차별점은 무엇인가?
내부 데이터를 기준으로 가장 많은 방문자 수와 가장 높은 구매 전환율을 보이는 기종은 무엇인가?
Affinity Diagram
이해관계자 및 사내 구성원 7명을 대상으로 인터뷰를 진행했습니다. 그 결과 사용자는 크게 ‘사용성’, ‘시간’, ‘탐색 혼란’과 관련된 문제를 겪고 있음을 확인했습니다. 이 세 가지 주제는 이후 문제를 정의하고 메인 페이지의 구조를 재설계하는 데에 있어 핵심적인 기준으로 작용했습니다.
사용성
필요한 정보를 얻기까지 클릭이 많아요
탐색 흐름이 헷갈려요
시간
특정 기종의 제품을 찾을 때 시간이 오래 걸려요
반복적인 탐색으로 피로도가 쌓여요
탐색 혼란
특정 워치 기종 제품을 바로 찾기 어려워요
원하는 제품을 찾기 위해 페이지를 계속 이동해야만 해요
Competitive Analysis
경쟁사 조사 결과, 대부분 자사 제품 기능을 강조하는 구조를 사용하고 있었습니다. 반면, OtterBox는 모든 아이폰 모델을 CTA로 제공하며 기종 기준 구조를 활용하고 있었습니다. 이를 통해 기종 중심의 구조가 기능 중심의 구조보다 훨씬 직관적임을 확인했습니다.
Data Analysis
데이터를 바탕으로 방문자 수가 높은 페이지와 구매 전환율이 높은 기종을 파악했습니다. 그 결과 메인 페이지의 방문자 수가 가장 높았으며, 이를 통해 해당 페이지의 중요성을 확인했고 사용자 경험을 개선해야 한다는 확신을 얻었습니다. 또한, 구매 전환율 데이터는 추후 메인 페이지 제품 배치의 기준이 되었습니다.
[ Visits & Views ]
Visits
Views
Main Page
Apple Watch 10
Apple Watch Ultra 2 | 1
[ Sales ]
Apple Watch Ultra 2 | 1
Apple Watch 10
Galaxy Watch 7 Ultra
Apple Watch 9 | 8 | 7
Galaxy Watch 7
Key Insights
리서치를 바탕으로 가장 중요한 인사이트를 도출했습니다.
“사용자는 브랜드보다 기종을 기준으로 탐색한다.”
User
from Research
Mapping User Needs to Goals
주요 인사이트를 바탕으로 사용자 니즈로 정리하고, 이를 프로젝트의 목표와 연결했습니다.
사용자는 자신의 기종에 맞는 제품을 빠르게 찾기를 바란다.
“ 탐색 단계 시간 단축 ”
사용자는 찾고 있는 기종의 위치를 직관적으로 파악하길 바란다.
기종 중심 IA 설계
Information Architecture
Before
- 브랜드 중심의 단계적 탐색 구조: 메인 페이지 → 브랜드 → 기종 순의 탐색 필수
- 탐색 동선 단절: Apple Watch 10을 제외한 모든 기종은 메인 페이지에서 진입 불가
After
- 브랜드 중심의 정보 구조를 기종 중심으로 변경하여, 탐색 단계 최소화
- 메인 페이지와 상단 메뉴의 구조를 일치시켜, 메인 페이지에서도 전 기종으로 즉시 진입 가능
- 메인 페이지의 푸시 제품 노출을 제거하여 탐색 흐름 방해 요소 제거
Sketch
Spigen 워치 메인 페이지의 구조는 Apple, Samsung, Google 등 브랜드 단위로 분류되어 있었습니다. 이로 인해 사용자는 자신의 기종을 찾기 위해 추가적인 탐색을 해야 했습니다.
Spigen Watch Main Page
Click to Link
각 기종을 빠르고 직관적으로 인지할 수 있도록 이미지와 텍스트를 함께 제공했습니다. 기종은 브랜드 단위로 묶고 색감 대비를 활용해 하나의 그룹으로 인식되도록 구성했습니다. 또한 내부 데이터 분석 결과를 반영해 판매 비중이 높은 Apple Watch 10을 가장 큰 프레임에 디자인하고 상단에 배치하여 시각적으로 강조했습니다.
Before
After
Each Watch Page
각 워치 페이지는 Apple, Samsung, Google 등 브랜드별 사용자 경험과 분위기를 고려하여 디자인을 진행했습니다.
Takeaway
다양한 방식의 리서치를 통해 디자이너 시점에서 당연하다고 여겼던 구조가 사용자에게는 부담으로 작용할 수 있음을 확인했습니다. 또한 초기 가설을 검증할 수 있었으며, 체계적인 리서치가 디자인 결정의 중요한 기준이 되어 사용자 경험을 실질적으로 향상시킨다는 점을 다시 한번 인식했습니다.
Spigen Watch Page Redesign
Graphic · E-commerce
2 week duration · 2024
Overview
Spigen 미국지사 디자인 인턴으로 근무하며 Amazon 워치 페이지 리디자인을 했습니다. 메인 페이지에서는 UX 개선에 집중했고, 개별 워치 페이지에서는 브랜드 일관성 강화에 집중하며 배너를 디자인했습니다.
Role
UX 디자이너, 그래픽 디자이너
Responsibilities
UX 문제 정의 및 개선, IA 구조 설계, 배너 디자인, 사용자 조사
(기여도 100%)
Problem
기존 메인 페이지의 구조는 Apple, Samsung, Google 등 브랜드 단위로 분류되어 있었습니다. 이로 인해 사용자는 특정 기종을 찾기 위해 불필요한 탐색 단계를 거쳐야 했습니다.
Goal
기종 중심 구조를 제공하여 불필요한 탐색 단계를 줄이고자 합니다.
Key Questions
데이터 분석, 경쟁사 조사, 이해관계자 인터뷰를 통해 조사를 했으며 아래 질문에 초점을 맞춰 진행했습니다.
기존 구조에서 발생한 탐색 혼란의 핵심 원인은 무엇인가?
사용자는 워치 액세서리를 찾을 때 브랜드와 기종 중 무엇을 먼저 인식하는가?
경쟁사의 페이지 구조는 어떠하며,그 차별점은 무엇인가?
내부 데이터를 기준으로 가장 많은 방문자 수와 가장 높은 구매 전환율을 보이는 기종은 무엇인가?
Affinity Diagram
이해관계자 및 사내 구성원 7명을 대상으로 인터뷰를 진행했습니다. 그 결과 사용자는 크게 ‘사용성’, ‘시간’, ‘탐색 혼란’과 관련된 문제를 겪고 있음을 확인했습니다. 이 세 가지 주제는 이후 문제를 정의하고 메인 페이지의 구조를 재설계하는 데에 있어 핵심적인 기준으로 작용했습니다.
사용성
필요한 정보를 얻기까지 클릭이 많아요
탐색 흐름이 헷갈려요
시간
특정 기종의 제품을 찾을 때 시간이 오래 걸려요
반복적인 탐색으로 피로도가 쌓여요
탐색 혼란
특정 워치 기종 제품을 바로 찾기 어려워요
원하는 제품을 찾기 위해 페이지를 계속 이동해야만 해요
Competitive Analysis
경쟁사 조사 결과, 대부분 자사 제품 기능을 강조하는 구조를 사용하고 있었습니다. 반면, OtterBox는 모든 아이폰 모델을 CTA로 제공하며 기종 기준 구조를 활용하고 있었습니다. 이를 통해 기종 중심의 구조가 기능 중심의 구조보다 훨씬 직관적임을 확인했습니다.
Data Analysis
데이터를 바탕으로 방문자 수가 높은 페이지와 구매 전환율이 높은 기종을 파악했습니다. 그 결과 메인 페이지의 방문자 수가 가장 높았으며, 이를 통해 해당 페이지의 중요성을 확인했고 사용자 경험을 개선해야 한다는 확신을 얻었습니다. 또한, 구매 전환율 데이터는 추후 메인 페이지 제품 배치의 기준이 되었습니다.
[ Visits & Views ]
Visits
Views
Main Page
Apple Watch 10
Apple Watch Ultra 2 | 1
[ Sales ]
Apple Watch Ultra 2 | 1
Apple Watch 10
Galaxy Watch 7 Ultra
Apple Watch 9 | 8 | 7
Galaxy Watch 7
Key Insights
리서치를 바탕으로 가장 중요한 인사이트를 도출했습니다.
“사용자는 브랜드보다 기종을 기준으로 탐색한다.”
User
from Research
Mapping User Needs to Goals
주요 인사이트를 바탕으로 사용자 니즈로 정리하고, 이를 프로젝트의 목표와 연결했습니다.
사용자는 자신의 기종에 맞는 제품을 빠르게 찾기를 바란다.
“ 탐색 단계 시간 단축 ”
사용자는 찾고 있는 기종의 위치를 직관적으로 파악하길 바란다.
기종 중심 IA 설계
Information Architecture
Before
- 브랜드 중심의 단계적 탐색 구조: 메인 페이지 → 브랜드 → 기종 순의 탐색 필수
- 탐색 동선 단절: Apple Watch 10을 제외한 모든 기종은 메인 페이지에서 진입 불가
After
- 브랜드 중심의 정보 구조를 기종 중심으로 변경하여, 탐색 단계 최소화
- 메인 페이지와 상단 메뉴의 구조를 일치시켜, 메인 페이지에서도 전 기종으로 즉시 진입 가능
- 메인 페이지의 푸시 제품 노출을 제거하여 탐색 흐름 방해 요소 제거
Sketch
Spigen 워치 메인 페이지의 구조는 Apple, Samsung, Google 등 브랜드 단위로 분류되어 있었습니다. 이로 인해 사용자는 자신의 기종을 찾기 위해 추가적인 탐색을 해야 했습니다.
Spigen Watch Main Page
Click to Link
각 기종을 빠르고 직관적으로 인지할 수 있도록 이미지와 텍스트를 함께 제공했습니다. 기종은 브랜드 단위로 묶고 색감 대비를 활용해 하나의 그룹으로 인식되도록 구성했습니다. 또한 내부 데이터 분석 결과를 반영해 판매 비중이 높은 Apple Watch 10을 가장 큰 프레임에 디자인하고 상단에 배치하여 시각적으로 강조했습니다.
Before
After
Each Watch Page
각 워치 페이지는 Apple, Samsung, Google 등 브랜드별 사용자 경험과 분위기를 고려하여 디자인을 진행했습니다.
Takeaway
다양한 방식의 리서치를 통해 디자이너 시점에서 당연하다고 여겼던 구조가 사용자에게는 부담으로 작용할 수 있음을 확인했습니다. 또한 초기 가설을 검증할 수 있었으며, 체계적인 리서치가 디자인 결정의 중요한 기준이 되어 사용자 경험을 실질적으로 향상시킨다는 점을 다시 한번 인식했습니다.
Spigen Watch Page Redesign
UX · Graphic · E-commerce
2 week duration · 2024
Overview
Spigen 미국지사 디자인 인턴으로 근무하며 Amazon 워치 페이지 리디자인을 했습니다. 메인 페이지에서는 UX 개선에 집중했고, 개별 워치 페이지에서는 브랜드 일관성 강화에 집중하며 배너를 디자인했습니다.
Role
UX 디자이너, 그래픽 디자이너
Responsibilities
UX 문제 정의 및 개선, IA 구조 설계, 배너 디자인, 사용자 조사
(기여도 100%)
Problem
기존 메인 페이지의 구조는 Apple, Samsung, Google 등 브랜드 단위로 분류되어 있었습니다. 이로 인해 사용자는 특정 기종을 찾기 위해 불필요한 탐색 단계를 거쳐야 했습니다.
Goal
기종 중심 구조를 제공하여 불필요한 탐색 단계를 줄이고자 합니다.
Key Questions
데이터 분석, 경쟁사 조사, 이해관계자 인터뷰를 통해 조사를 했으며 아래 질문에 초점을 맞춰 진행했습니다.
기존 구조에서 발생한 탐색 혼란의 핵심 원인은 무엇인가?
사용자는 워치 액세서리를 찾을 때 브랜드와 기종 중 무엇을 먼저 인식하는가?
경쟁사의 페이지 구조는 어떠하며,그 차별점은 무엇인가?
내부 데이터를 기준으로 가장 많은 방문자 수와 가장 높은 구매 전환율을 보이는 기종은 무엇인가?
Affinity Diagram
이해관계자 및 사내 구성원 7명을 대상으로 인터뷰를 진행했습니다. 그 결과 사용자는 크게 ‘사용성’, ‘시간’, ‘탐색 혼란’과 관련된 문제를 겪고 있음을 확인했습니다. 이 세 가지 주제는 이후 문제를 정의하고 메인 페이지의 구조를 재설계하는 데에 있어 핵심적인 기준으로 작용했습니다.
사용성
필요한 정보를 얻기까지 클릭이 많아요
탐색 흐름이 헷갈려요
시간
특정 기종의 제품을 찾을 때 시간이 오래 걸려요
반복적인 탐색으로 피로도가 쌓여요
탐색 혼란
특정 워치 기종 제품을 바로 찾기 어려워요
원하는 제품을 찾기 위해 페이지를 계속 이동해야만 해요
Competitive Analysis
경쟁사 조사 결과, 대부분 자사 제품 기능을 강조하는 구조를 사용하고 있었습니다. 반면, OtterBox는 모든 아이폰 모델을 CTA로 제공하며 기종 기준 구조를 활용하고 있었습니다. 이를 통해 기종 중심의 구조가 기능 중심의 구조보다 훨씬 직관적임을 확인했습니다.
Data Analysis
데이터를 바탕으로 방문자 수가 높은 페이지와 구매 전환율이 높은 기종을 파악했습니다. 그 결과 메인 페이지의 방문자 수가 가장 높았으며, 이를 통해 해당 페이지의 중요성을 확인했고 사용자 경험을 개선해야 한다는 확신을 얻었습니다. 또한, 구매 전환율 데이터는 추후 메인 페이지 제품 배치의 기준이 되었습니다.
[ Visits & Views ]
Visits
Views
Main Page
Apple Watch 10
Apple Watch Ultra 2 | 1
[ Sales ]
Apple Watch Ultra 2 | 1
Apple Watch 10
Galaxy Watch 7 Ultra
Apple Watch 9 | 8 | 7
Galaxy Watch 7
Key Insights
리서치를 바탕으로 가장 중요한 인사이트를 도출했습니다.
“사용자는 브랜드보다 기종을 기준으로 탐색한다.”
User
from Research
Mapping User Needs to Goals
주요 인사이트를 바탕으로 사용자 니즈로 정리하고, 이를 프로젝트의 목표와 연결했습니다.
사용자는 자신의 기종에 맞는 제품을 빠르게 찾기를 바란다.
탐색 단계 시간 단축
사용자는 찾고 있는 기종의 위치를 직관적으로 파악하길 바란다.
기종 중심 IA 설계
Information Architecture
Before
- 브랜드 중심의 단계적 탐색 구조: 메인 페이지 → 브랜드 → 기종 순의 탐색 필수
- 탐색 동선 단절: Apple Watch 10을 제외한 모든 기종은 메인 페이지에서 진입 불가
After
- 브랜드 중심의 정보 구조를 기종 중심으로 변경하여, 탐색 단계 최소화
- 메인 페이지와 상단 메뉴의 구조를 일치시켜, 메인 페이지에서도 전 기종으로 즉시 진입 가능
- 메인 페이지의 푸시 제품 노출을 제거하여 탐색 흐름 방해 요소 제거
Sketch
정보 체계를 바탕으로 스케치를 진행했습니다. 이후 팀원들과 이해관계자의 피드백을 바탕으로 배치와 위계를 반복적으로 수정하며 구조를 다듬었습니다.
Spigen Watch Main Page
Click to Link
각 기종을 빠르고 직관적으로 인지할 수 있도록 이미지와 텍스트를 함께 제공했습니다. 기종은 브랜드 단위로 묶고 색감 대비를 활용해 하나의 그룹으로 인식되도록 구성했습니다. 또한 내부 데이터 분석 결과를 반영해 판매 비중이 높은 Apple Watch 10을 가장 큰 프레임에 디자인하고 상단에 배치하여 시각적으로 강조했습니다.
Before
After
Each Watch Page
각 워치 페이지는 Apple, Samsung, Google 등 브랜드별 사용자 경험과 분위기를 고려하여 디자인을 진행했습니다.
Takeaway
다양한 방식의 리서치를 통해 디자이너 시점에서 당연하다고 여겼던 구조가 사용자에게는 부담으로 작용할 수 있음을 확인했습니다. 또한 초기 가설을 검증할 수 있었으며, 체계적인 리서치가 디자인 결정의 중요한 기준이 되어 사용자 경험을 실질적으로 향상시킨다는 점을 다시 한번 인식했습니다.