top of page
.png)
OUTFIT CLUB
Explore Style with Your Avatar
Team
Abby Gao
Critics
Luna Chen
Timeline
Feb. - May 2021
Contribution
User tesearch, interaction design, visual design
Overview
CHALLENGE
Customers struggle to find ideal outfits online
Online outfit shopping should be fun and inspiring, but without the right tools, finding ideal outfits can be a time-consuming, costly, and frustrating experience.
Why is it difficult?
PAINPOINT 1
Uncertain about how it will look on them
“I ended up with something that’s different from what imagined.”
😤
- Lucy
Expectation
Reality
PAINPOINT 2
Clothes purchased online don't fit their body shape
“I wish this dress could be slightly shorter”
🤔
- Gigon
PAINPOINT 3
Choice overload impedes decision making
“Can't find an ideal outfit after hours of searching.”
😔
- Jenny
SOLUTION
Enjoy online shopping with your avatar
Imagine this is you for now 😉
Your avatar, every post
Discover a new style, but unsure how it looks on you? Now see yourself in every outfit as you browse. AI-backed image technology ensures accurate size and fits based on your figure and manufacturer data.
Tailor Try-On with Avatar
To personalize your outfit, you can use the virtual try-on room to customize the color, size, and cut of any garment you like. The final design will be used by image search to find clothes that match your style.
Deals based on your try-on
Shopping for the perfect outfit can be a hassle, from price comparison to availability and delivery time. We simplify the process by searching across shopping websites and recommending the best buying options.
RESEARCH
Understand the current broken online shopping experience
Research
Who is affected?
Young Buyers Aged 18 to 34
(Millennials + Gen Z)
Customers’ Top 3 concerns
-
How the clothes will look on themselves
-
How unique/customized are their looks
-
If they are shopping for the best deal online
Stakeholders
Fashion Influencer & Outfit Retailers
only reach limited audience when followers can’t relate their body shapes and lifestyles
lose direct customer feedbacks & get more returns when customers can’t shop online smoothly
Target User Persona
Synthesis
Evaluation pain causes purchase hesitation
Compare to in-store shopping, current online shopping is hard for users to make alternative evaluations due to the missing experience of touching the materials and trying on clothes in person.
Key Insights
Alternative evaluation is complicated
Influencers have different body shapes and try-on scenarios
Users need outfits that adapts to their unique body shape
It’s hard to search outfits visually with text-based filters
Opportunities on alternative evaluation
HMW help online shoppers visualize the try-on looks?
HMW help customers evaluate if outfits fit their body shape?
HMW help customers find ideal clothes more efficiently?
IDEATION
Reinvent digital shopping experience
Ideation
Top Ideas
Outfit Club shopping experience
Technical Feasibility Exploration
Critical User Journey
CORE EXPERIENCE & ITERATIONS
A Highly Personalized Digital Shopping Experience
Iterations
Exploratory Shopping
Onboarding: Building Avatar
Building an avatar with presets of face, body shape, and style to allow users to jump into the core experience quickly
Simplify Avatar Building
Browse with Your Avatar
For shoppers searching for new ideas, they can replace influencers posts with their avatar to better see the look
Show Avatar in the Feed
Add Try-on Bag for Browsing
Iterations
User Feedback & Improvement
Tailor Try-on with Avatar
For shoppers trying to find a specific look, they can customize the look in try-on and search with the image
Emphasize Try-on Affordance
BUSINESS SUCCESS
KPIs & market
With design & business background, we tried to emphasize the user needs, aesthetics quality, and business success together. Defining KPIs & understanding market opportunities are crucial steps in the process.
Reflection
REFLECTION
Diverse inputs lead to better design
-
Collaborating with engineers to explore the limitations of ML algorithms and image search can inspire design ideas as well.
-
Good design considers the needs of both stakeholders and users.
-
Align product KPIs & design goals early on can provide a clear design direction.