IMVU 3D 아바타 모바일 앱을
사용해보고 과제를 진행해주세요.
아이템을 발견하고, 구매하는 경험에서 문제점을 찾아 화면을 개선해주세요.
(기존 IMVU 디자인이 아닌 새로운 스타일로 디자인해주세요.)
IMVU
![](https://framerusercontent.com/images/4jrDQc7T9h1phDXcbSdL0sYXIc.jpg)
![](https://framerusercontent.com/images/C3o3jngVae1aDwZNnNg9lXjfufw.png)
내 아바타를 꾸미고 월드 내 사람들과
채팅할 수 있는 서비스
![](https://framerusercontent.com/images/jauqXjBQavf28s4obROGtZujD7E.png)
임뷰는 2004년에 런칭하여 23년인 현재까지 약 19년 동안 운영중인 서비스입니다. 여전히 메타버스 서비스로는 글로벌에서 탑티어 수준인 것을 알 수 있었습니다. 과제를 처음 받고 앱을 사용해봤을때 노후한 느낌이 많이 나서 사용자가 거의 없을 것 같다고 생각했는데 의외였습니다.
![](https://framerusercontent.com/images/RhJeoDdFIVCAnDmAjT8NXhA1XM.png)
![](https://framerusercontent.com/images/we2JnWdUiWrCddNYDQVwoMQHyts.png)
![](https://framerusercontent.com/images/YVAC7ywjUhwvQRyv9oNfcAH7Y.png)
![](https://framerusercontent.com/images/fm154n4POTpX4WUFPDxmVgeplb8.png)
![](https://framerusercontent.com/images/2UtLqpXV57KFdYltjYnkqgDFvs.png)
글로벌 전체 사용자 중 국내 사용자는 적은 편이지만 국내에서도 활발하게 활동하는 크리에이터와 유저들이 있다는 것을 알 수 있었습니다. 크리에이터가 아이템을 제작하고 사용자들에게 입혀보고 착샷을 공유하는 모습도 볼 수 있었습니다. 임뷰의 비즈니스 모델 생태계가 앱 뿐만 아니라 앱 밖까지 잘 확장되어 있다는 인상을 받았습니다.
![](https://framerusercontent.com/images/zj7wOGeC4DhEIIR2n42hJG0vKGc.png)
사전 조사 없이 앱을 처음 사용해 보았을 때는 전반적으로 투박한 분위기에 기본 캐릭터의 외형도 어글리한 느낌이 들어서 매력적인 캐릭터를 만들기 어렵게 느껴졌습니다. 그렇기때문에 오히려 앱 외부적으로 매력적인 아이템을 공유하는 문화가 잘 만들어져 있는 것 같습니다. 이러한 사용자들의 활동이 임뷰의 아이템 판매 수익에 많은 기여를 할 것 같다는 생각을 하였습니다.
개선할 페이지
![](https://framerusercontent.com/images/ENa7AAD4y6rZTTTMTGXcT8kEFX8.png)
샵_추천
![](https://framerusercontent.com/images/hOYjj1wXHl9y7Z85MpXWL56bc.png)
샵_카테고리
![](https://framerusercontent.com/images/jWHrDT8CjNxVURw0si7ImHppFs.png)
검색결과
![](https://framerusercontent.com/images/AYjxS1sroaW01RfZbo8C49Ucs.png)
피팅룸
![](https://framerusercontent.com/images/QMiwInShQPcdgDSAMIn1E5Vo4Rw.png)
장바구니
![](https://framerusercontent.com/images/TcWufaTt8VBJn1Pi2JFy0WMm0.png?scale-down-to=1024)
피드
![](https://framerusercontent.com/images/fIxwviTNiYaxBWRZfs1B59vAiek.png?scale-down-to=1024)
크리에이터 샵
개선할 페이지는 7개 페이지로 사용자가 아이템을 탐색하고 구매하는 여정에서 불편한 점을 찾고 개선하는 작업을 진행하였습니다. 직접 아이템 탐색 및 구매 과정을 경험해보고 유사한 서비스들과 비교 분석하며 개선 방향을 정리해보았습니다.
01
샵 페이지
추천탭
![](https://framerusercontent.com/images/dm6icSSTC0QSJjndYqd50g.png?scale-down-to=1024)
샵_추천
샵 페이지는 아이템을 구매하기 위해 처음 방문하는 페이지입니다. 구매할 아이템의 키워드를 정확하게 알고 있는 사용자는 '검색' 버튼을 클릭할 것입니다. 반면, 무엇을 구매해야 할지 모르는 신규 유저나 요즘 잘나가는 상품이 무엇인지 궁금한 사용자들은 '추천' 탭으로 진입하게 됩니다. 그렇기에 추천 탭은 사용자들에게 '가이드' 로써 역할을 수행해야하는데 이 부분이 다소 부족하다고 생각하였습니다. 따라서, 사용자에게 다양한 유형의 컨텐츠를 추천해줌으로써 아이템 구매의 고민을 덜어줄 수 있는 방향으로 화면을 구성하였습니다.
TO-BE
스크롤 해보세요.
![](https://framerusercontent.com/images/RIFMzGlxTWBKC0M9VqobbCQrgQ.png)
룩 컬렉션
앱에 처음 방문하는 사용자들은 내 아바타를 어떻게 꾸며야할지 감이 잘 오지 않습니다. 아이템을 하나씩 착용해보긴 하지만 매력적인 모습을 갖추기까지 오랜 시간이 걸렸습니다. 따라서 멋진 아이템을 착용하고 있는 룩 콜렉션을 전시하여 아이템 착용에 어려움을 겪는 사용자들의 문제를 해결해주고자 하였습니다.
![](https://framerusercontent.com/images/zJjXsols5j4ljBw2pbiy6P0BmKY.png)
![](https://framerusercontent.com/images/sco23BZBcDOmCqYF6K83a4DmHM.png)
![](https://framerusercontent.com/images/W9tmxWGj2D30UZwgWzQHuJUQuE.png)
MD 추천 컬렉션
패션 아이템은 시즌이나 트랜드에 민감합니다. 따라서 유행하는 테마나 트랜드 아이템, 주간 베스트 셀러 등의 컬렉션을 구성하여 사용자들이 좀 더 즐겁게 아이템을 착용 할 수 있도록 하였습니다.
![](https://framerusercontent.com/images/J7VDH4bxzJJSE8QoY5h7F3DSXIs.png)
포스팅 컬렉션
앞서 진행했던 리서치에서 임뷰 크리에이터와 사용자들이 외부 커뮤니티에 자신의 착샷과 아이템을 공유하는 문화가 있음을 확인하였습니다. 따라서 샵 페이지에서도 해당 컨텐츠를 즐길 수 있도록 하였습니다.
![](https://framerusercontent.com/images/rGaAWxamHzdjs9y56Z9hqIuE.png)
크리에이터 컬렉션
임뷰 내에서 지속적으로 활동하고 반응이 좋은 아이템을 제작하는 크리에이터는 기업의 비즈니스에 높은 기여를 하며 동시에 사용자들에겐 즐거움을 제공합니다. 크리에이터 샵을 추천 페이지에 전시하여 사용자들과 좀 더 쉽게 만날 수 있게 하고자 하였습니다.
02
샵 페이지
카테고리
![](https://framerusercontent.com/images/dm6icSSTC0QSJjndYqd50g.png?scale-down-to=1024)
샵_추천
![](https://framerusercontent.com/images/58xMVyDZxFS4iPrvZF420YsIPEY.png)
샵_카테고리
임뷰의 주요 수익 모델은 아이템 판매를 통한 수익입니다. 따라서, 비즈니스 관점에서는 사용자에게 최대한 많은 아이템을 노출할 필요가 있고, 사용성 관점에서는 사용자가 쉽게 아이템을 발견할 수 있어야 합니다. 하지만 현재 앱에서는 사용자가 자신이 원하는 카테고리의 아이템을 확인하기 위해 최대 3 Depth까지 진입해야하는 불편함이 있었습니다. 따라서, 카테고리 UI를 전면에 펼쳐두어 사용자의 접근성을 높이고 쉽게 탐색할 수 있도록 하였습니다.
TO-BE
![](https://framerusercontent.com/images/Tf1IHvllsRjePXFs1bZyJSMCY4.png?scale-down-to=1024)
샵_추천
![](https://framerusercontent.com/images/kwJH8ywprzEZR9WUs3t9PNkq32o.png)
샵_카테고리
03
샵
검색결과
![](https://framerusercontent.com/images/1KvDYlzpskCcPn77Bb48uUxrHfs.png?scale-down-to=1024)
검색결과
마찬가지로 검색결과 페이지에서도 카테고리 기능이 너무 숨겨진 문제가 있었습니다. 유저가 특정 키워드를 검색하였을때 검색 결과에서 사용자가 원하는 카테고리에 더욱 쉽게 진입할 수 있도록 카테고리 메뉴를 전면에 노출되도록 하였습니다. 추가로, 임뷰 관련 커뮤니티에서 크리에이터들이 자신의 샵 계정을 공유하면 구매자들이 해당 링크를 통해 구매하는 케이스를 발견하였습니다. 이에 따라 사용자들이 계정을 검색하였을때 쉽게 크리에이터 샵에 진입할 수 있도록 카테고리 메뉴 내에 '크리에이터' 탭을 적용하였습니다.
TO-BE
![](https://framerusercontent.com/images/e81UHm8eZQYGnTlVTv5CuWOk.png?scale-down-to=1024)
검색어 입력
![](https://framerusercontent.com/images/D4fCN8UzxhTp08AAR8ymjpw42Q.png)
검색결과_전체
![](https://framerusercontent.com/images/nImugC5dT34dNDZpyuSUPlPOX8.png)
검색결과_카테고리
![](https://framerusercontent.com/images/en7aZBdX1k73uAeg9ejTSa92qU.png)
검색결과_크리에이터
04
크리에이터 샵
![](https://framerusercontent.com/images/fIxwviTNiYaxBWRZfs1B59vAiek.png?scale-down-to=1024)
크리에이터 샵
앞서 설명한 내용과 동일한 맥락에서 크리에이터 샵 페이지에서도 검색 및 카테고리 기능을 개선하였습니다.
TO-BE
![](https://framerusercontent.com/images/wJbQqIPVMy4NnJTwoLBtEUZII.png)
크리에이터 샵
![](https://framerusercontent.com/images/5YdxzJeFfDXJiL3PXBkTEZZgA.png)
카테고리
![](https://framerusercontent.com/images/yOul0x1N08pwxLBTpdjN1YpKv8.png)
검색입력창
![](https://framerusercontent.com/images/8rE466Ykuiql4mscyii4qCHTX9I.png)
검색 결과
05
샵
피팅룸
![](https://framerusercontent.com/images/dm6icSSTC0QSJjndYqd50g.png?scale-down-to=1024)
샵_추천
![](https://framerusercontent.com/images/AYjxS1sroaW01RfZbo8C49Ucs.png)
샵_카테고리
보통 맘에 드는 옷을 구매하기 위해 여러 벌의 옷을 입어보는 과정을 거치게 됩니다. 임뷰에서는 여러 벌의 아이템을 착용하기 위해 '샵 - 피팅룸 - 샵 - 피팅룸'을 반복적으로 이동해야 하는 불편함이 있었습니다. 이에 따라, 피팅룸을 벗어나지 않고 더욱 편리하게 아이템을 착용해 볼 수 있는 방법을 고민해 보았습니다.
TO-BE
![](https://framerusercontent.com/images/kwJH8ywprzEZR9WUs3t9PNkq32o.png)
샵
![](https://framerusercontent.com/images/CLgxBzwhachFXTngsHGX7bLQcA.png)
피팅룸
![](https://framerusercontent.com/images/gE0LEdSIjmucTbTodnPGL9OjDJA.png)
검색
![](https://framerusercontent.com/images/UnEMshJldTHlq3B1fjcLb8QBPoI.png)
검색 결과
06
피팅룸
장바구니
![](https://framerusercontent.com/images/VIZY366dVgWOtisCGDIVZtiTRM.png?scale-down-to=1024)
피팅룸
![](https://framerusercontent.com/images/57YoUtBSAWoA4ESefZpneZWCk.png)
장바구니
피팅룸 UI가 변경되면서 구매 관련 UI의 전체적인 변경이 필요하였습니다. 기존 장바구니 담기 UI의 경우 사용자가 착용해본 아이템들의 히스토리가 피팅룸에 쌓이고, 그 중 맘에 드는 아이템을 선택적으로 구매할 수 있었습니다. 새로운 장바구니 UI에서도 동일한 과업을 수행할 수 있도록 '착용중인', '입어봤던' 탭을 두어 사용자가 현재 착용중인 아이템을 즉시 구매할 수 있도록 하고, 전에 착용해봤던 아이템 중 마음에 들었던 아이템을 찾아 구매할 수 있도록 하였습니다.
TO-BE
![](https://framerusercontent.com/images/y8iQ7OHUVgRCcfSoz7f5yuPprQ.png)
피팅룸
![](https://framerusercontent.com/images/hlErIiTyg1PpNf6xTvluMFZa0w.png)
구매_착용중인
![](https://framerusercontent.com/images/cOtIH3toKDMiWqfHUsglKuXAVo.png)
구매_입어봤던
07
피드
아이템 착용해보기
![](https://framerusercontent.com/images/TcWufaTt8VBJn1Pi2JFy0WMm0.png?scale-down-to=1024)
피드
![](https://framerusercontent.com/images/931r2EvMzQ13kItw4jgjyaR9I.png)
더보기
![](https://framerusercontent.com/images/8WaXxS1WTfGNwsf5aZ5ThtiHBE.png)
사진에 포함된 아이템
다른 사용자가 올린 피드를 보며 맘에 드는 아이템을 발견할 경우 구매로 이어질 수 있음으로 사용자가 쉽게 피드 속 아이템을 구매할 수 있어야할 것 같습니다. 하지만, '사진에 포함된 아이템 보기' 버튼이 너무 숨겨져 있어서 발견하지 못한 유저들이 많을 것 같습니다. 따라서, '아이템 착용해 보기' 버튼을 전면에 배치하여 피팅룸으로 이동 할 수 있도록 하였습니다.
TO-BE
![](https://framerusercontent.com/images/g7PqUF3d1bVqh2g17a8eLKAsng.png?scale-down-to=1024)
피팅룸
![](https://framerusercontent.com/images/KunpNnlc6XBy4mA1FaDQGwnNbE.png)
구매
임뷰 관련 자료 리서치
https://www.data.ai/kr/insights/mobile-minute/metaverse-interest-spurs-avatar-social-app-downloads/
https://www.mobiinside.co.kr/2021/11/24/metaverse-fashion-2/
https://m.blog.naver.com/prismo22/221823335684
https://band.us/band/81685071
https://namu.wiki/w/IMVU
유사 카테고리 서비스 리서치
제페토, 아이콘, 본디, 알타바
감사합니다:)
원본 파일은 피그마에서 확인 가능합니다.
Figma