라이트브레인 UX 아카데미 21기 Open Project로 이번에 소개해 드릴 결과물은 ‘무신사 – UX/UI 개선 프로젝트’입니다.
무신사는 패션 특화 플랫폼으로 한국 패션산업에 구조적 영향을 받습니다. 현재 시장정체기에 무신사만의 차별화의 필요성에 초점을 맞추고
나를 가장 잘아는 패션쇼핑몰-무신사로 도약하기 위한 목표를 수립하고 UX/UI 전략을 고민해 보았습니다.
지난 UX 아카데미 21기 교육 기간 동안 무신사조가 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개해 드립니다. 라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션 하고 또 인사이트와 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
10. 리서치 대상자 선정 ( 총 8명 )
필드 리서치 방법
20대 남성, 30대 남성, 무신사 사용 경험이 있는 유저 대상
패션 관심 유무 및 척도에 따라 타겟으로 선정
5 Whys
Word card asscociation
Narration
Card sorting
무신사 접속 빈도 10대
기혼
브랜드 추구
쇼퍼 홀릭
가격 추구
고급 탐색
트렌드 추구
학생
20대
직장인
30대
미혼
필드리서치 | 이슈 & 조사포인트
18. UX모델링 | 퍼소나
5개 분류 기준 적용하여 2개 유형 퍼소나 도출
낮다
탐색
낮다
대중성
짧다
높다
구매
높다
개성
길다
취향 저격 아이템 추천을 원하는 유저
패션 관심도
방문 동기
사이즈 민감도
패션 취향
쇼핑 시간
낮다
탐색
낮다
대중성
짧다
사이즈에 민감한 유저
높다
구매
높다
개성
길다
패션 관심도
방문 동기
사이즈 민감도
패션 취향
쇼핑 시간
19. UX모델링 | 퍼소나
취향 저격 아이템 추천을 원하는 유저
“솔직히 무신사 랭킹에 있는 옷은 절대 안 사요. 저는 남들과 똑 같은 건 딱 질색이에요.
진짜 나만을 위한 옷을 추천해줬으면 좋겠어요. 근데 무신사는 좀 그런 부분들이 부족한 것 같아서 아무래도 아쉽죠”
남과 다른 나만의 것을 찾는 가치 소비 추구 MZ 세대로, 랭킹 상품은 꺼려한다. ‘나에게 맞는 제품' 을 선호한다.
의류를 볼 때 ‘브랜드'를 중요시 여긴다. 트렌드에 민감해 누구나 많이 아는 대형 브랜드 보다는 신생 브랜드에 관심이 많다.
현재 무신사에서 제공하는 추천 서비스는 유용하지 않다고 느껴진다
취향에 맞는 상품, 브랜드 탐색이 어렵다
내 취향에 딱 맞는 상품과 브랜드를
추천 받고 싶다
이름
나이
직업
패션 관심도
패션 취향
방문 동기
쇼핑 시간
서민재
23세
대학생
패션은 저를 표현하는 수단이에요. 남들과 똑같은 스타일은 질색이에요!
Profile User Voice
Attitude
Pain Point Needs
20. UX모델링 | 퍼소나
사이즈에 민감한 유저
“ 옷을 구매할 때, 브랜드마다 표준 사이즈가 다르고 명칭이 달라 어려움을 겪을 때가 많아요.
그래서 옷을 구매하기 전에 사이즈 리뷰를 보거나 사이즈 추천을 보는 편인데, 번번히 실패해서 별로 신뢰가 가지 않아요.
내 체형, 사이즈에 딱 맞는 옷을 한번에 사고 싶어요”
회사 다니느라 바빠서 옷을 고를 시간이 별로 없다. 출근룩으로 입을 만한 무난한 스타일을 선호한다.
연말이라 기하급수적으로 늘어난 회식 탓에 체형에 대한 고민이 생겼다.
바빠서 옷을 구매할 때 여러 제품을 꼼꼼히 따져볼
시간이 없다.
옷을 구매하면 사이즈가 잘 맞지 않는 경우가 잦다.
보고 있는 제품이 내 사이즈와 맞을 지 쉽고 빠르게 확인하고 싶다.
옷을 구매할 때 할인을 중요시 여겨서 할인 상품을 추천해주는 기능
이 많았으면 좋겠다
이름
나이
직업
패션 관심도
패션 취향
방문 동기
쇼핑 시간
김정훈
34세
무역회사근무
“브랜드별사이즈가다른경우도있어서사이즈정보와리뷰를유심히보는편이에요”
Profile
UserVoice
Attitude
PainPoint Needs
28. 프로토타입 | lo-fi 홈화면
홈화면
홈화면
| 추천 상품 접근성 낮음
홈 화면에서 “내가 좋아할 만한 상품”
더보기 버튼을 눌러 페이지 이동 해야
다양한 추천 상품에 접근 가능함
| 추천 알고리즘 고도화 필요
단순 성별별 인기 상품 위주 항목으로
구성되어 유저 개개인의 취향을 반영
하지는 못함.
as-is
as-is to-be
to-be
온보딩 유저 취향 데이터 수집
으로 모든 추천 항목 홈 화면에 나열
페이지 이동 없이 접근할 수 있게
point
성별, 인기 상품별 추천이 아닌
온보딩 수집 데이터 기반으로
비슷한 취향 유저들 매칭하여
보다 고도화된 추천 항목 제공
30. 프로토타입 | 온보딩 유저플로우
Tap
Tap
Tap
Tap
Scroll
Scroll
Tap
Tap
Tap
Tap
Tap
31. 프로토타입 | Key feature 홈화면
point
유저의 최근 검색, 좋아요, 조회 항목 기반 추천
32. point
유저가 이전에 구매한 상품 내역 활용해
다른 유저가 해당 상품과 동시에 구매한 상품,
스냅, 코디 탭에서 해당 상품과 함께 코디된 상품 추천
point
온보딩 수집 취향 데이터로 비슷한 취향을 가진
유저들을 매칭해 서로의 구매 내역, 관심 상품을
추천 항목으로 제시
point
온보딩에서 수집한 유저의 취향 데이터와 연계해
유저가 좋아할 만한 코디된 상품 추천
33. point
유저가 관심 브랜드로 담은 or 자주 구매한 브랜드의
신상 품목을 추천 항목으로 제시
point
관심 브랜드 or 자주 구매한 브랜드가 비슷한 유저의
구매 내역, 관심 상품에 있는 아이템 추천
point
관심 브랜드 or 자주 구매한 브랜드가 비슷한 유저가
좋아하는 다른 브랜드를 추천 항목으로 제시
42. 프로토타입 | Key feature 실측사이즈
point
유저의 이전 구매 내역과 온보딩에서 수집한 유저
신체사이즈와 유사한 후기 및 사이즈 추천 데이터
분석 결과 기반으로 무신사 추천 사이즈 제공
point
버튼을 누르면 표 형태로 정보 표시 방식 전환
point
유저가 이전에 구매한 상품의 실측 사이즈와
현재 보고 있는 상품 실측 사이즈 비교 결과 제공
point
그래픽과 함께 치수를 보여주어 정보의 직관성 향상
point
유저가 구매한 상품이 여러 개 일 경우 실측사이즈
다양하게 비교 가능하도록 상품 각각의 버튼 제공
43. 프로토타입 | Key feature 사이즈 추천/후기
point
유저와 가장 유사한 신체 사이즈의
리뷰를 사이즈 추천 탭에서도 제공
point
유저와 유사한 신체 사이즈의 리뷰
선 제공받는 토글 필터 장치 마련
온보딩 수집 유저 신체 사이즈
(키, 몸무게) 데이터 활용
45. 프로토타입 | lo-fi
필터/태그 접근성 낮음
상품을 검색하고 바로 필터나 태그를
적용 못하고 [통합] 탭에서 [상품] 탭
으로 한번 더 이동해야 하는 구조임
너무 많은 항목 선택지
[통합, 상품, 코디, 스냅, 이벤트, 쿠폰,
기획전, 업데이트] 로 구성된 너무 많
은 항목 선택지가 혼란 야기
검색 |
검색 |
as-is
as-is to-be
to-be
통합 탭 없애고 상품 · 콘텐츠 두 항목 구성 코디, 스냅, 숏티비, 매거진 콘텐츠 하위 항목으로 연결
46. 프로토타입 | lo-fi
주요 정보 가시성 낮음
유저가 가장 필요로 하는 주요 정보인 브랜드, 가격,
상품, 이미지보다 상품 명이 강조되어있음.
검색 |
as-is
as-is to-be
to-be
중요도에 따라 계층화된 정보 표시 (가격, 할인률, 브랜드, 태그 정보 강조)
47. 프로토타입 | lo-fi
모호한 가격 표시 방식
가격 표시가 범위로 되어있어 한 눈에 파악하기
어렵고, 최대 할인가 보려면 수많은 쿠폰 일일히
하나하나 적용해가며 비교해야 함.
상세페이지 |
as-is
as-is to-be
to-be
가격 표시 방식 개선 모든 할인 혜택 적용 토글 필터 제공
48. 프로토타입 | Key feature 검색 화면
point
검색 내용에 기반한 태그 형식 필터
point
상품 / 콘텐츠 두 항목으로 구분하여
UI 복잡성 낮추고 유저의 선택지 줄임.
point
기존 무신사 필터 버튼과 인터랙션 방향
불일치 개선
point
유저가 관심 있는 정보인 가격, 할인률을 강조
제품명은 작은 크기로 줄이고 이미지 강조
50. 프로토타입 | Key feature 검색 화면
point
기존에 복잡했던 항목 “콘텐츠” 탭
하나로 묶고, 하위 구성 추가
point
필터 형식의 태그를 마련하여 유저가
관심있는 정보 선별하여 볼 수 있게 제공
point
유저가 상단에서 적용한 #캐주얼 필터가
적용된 콘텐츠 노출.
point
유저가 상단에서 적용한 #심플 필터가
적용된 콘텐츠 노출.
51. 프로토타입 | Key feature 상세페이지
point
모든 할인 혜택 적용 토글로
한 번에 모든 쿠폰이 적용된
최대 할인가 볼 수 있음.
point
직관적인 가격 표시 방식 개선