top of page

Outfit Club

Logo.png

Explore Styles & Ideal Outfits Easily with Your Avatar

Team
Abby Gao

Critics
Luna Chen

Timeline
Feb. - May 2021

Contribution
User Research, Product Design, Interaction Design, Visual Design

MOCKUP_Phones 3.jpg
Overview

The Challenge

Customers find it difficult to buy an ideal dress online

Frame 301.jpg

“Why does it look so different on me!”

"Which one should I purchase?"

Shopping for outfits online should be an inspiring and fun process. But without a proper tool, they may not be able to find ideal outfits even after spending lots of time, money, and energy.

Why is it difficult?

Pain point 1

Uncertain about how it will look on them

“What I bought ended up looks so different from what I imagined.”

😤

-- Lucy

Rectangle 361.jpg

Expectation

Reality

Pain point 2

Clothes purchased online don't fit the individual's figure

“I hope this dress could be a little bit shorter and available in other colors”

🤔

-- Gigon

Rectangle 362.jpg

Pain point 3

Too many options but nothing looks exactly like what I want

“What frustrates me most is that I spend long time finally find one, then it doesn’t have my size”

😔

-- Jenny

Group 499.jpg

Solution

Enjoy online shopping with your avatar

Mask Group.jpg

Imagine this is you for now 😉

See Yourself on Every Post

See an exciting new style, but not sure how it looks on yourself? 
Now
your face can be shown on all the posts that you browse through. 

Clothing size data from manufacturers and AI-backed image manipulation will guarantee that the sizes of the clothes are accurate to your figure.

iPhone Frame.png
ezgif.com-gif-maker (4).gif
Screen Shot 2021-06-20 at 11.17.35 PM.png
iPhone Frame.png
Animation-2.gif

Tailor Try-On with Avatar

Wish the clothes you just found is available in another color or is a bit longer? You can customize the color, size, and cut and fit it the way you want in your virtual try-on room.

The outfit you customized in the try-on room will be used by the image search engine to find the perfect clothes for you.

Images as Shopping Filters

Finding an ideal outfit may cause a headache after comparing the price, checking for availability, and getting an estimated delivery time. With Outfit Club, you just need a few clicks.

By connecting to numerous shopping websites and brands stores, outfit club can do all the searches with just a click and give you the best options that you can purchase instantly.

iPhone Frame.png
ezgif.com-gif-maker (3).gif

Research

Understand the current broken online shopping experience

Research

Who is affected?

Young Buyers Aged 18 to 34

(Millennials + Gen Z)

Frame 3011.jpg

Customers’ Top 3 concerns

  1. How the clothes will look on themselves

  2. How unique/customized are their looks

  3. If they are shopping for the best deal online

Stakeholders

Fashion Influencer & Outfit Retailers

Frame 291.jpg

Influencers

only reach limited audience when followers can’t relate their body shapes and lifestyles

Retailers

lose direct customer feedbacks & get more returns when customers can’t shop online smoothly

Target User Persona

Frame 294.jpg

The existing online shopping experience

Frame 263.jpg

Synthesis

Evaluation pain causes purchase hesitation

Frame 302.jpg

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

Frame 303.jpg

Outfit Club shopping experience

Frame 304.jpg

Technical Feasibility Exploration

Frame 293.jpg
Frame 296.jpg

Critical User Journey

Final Design & Iteration

A Highly Personalized Digital Shopping Experience

Iterations

Exploratory Shopping

iPhone Frame.png
Build-My-Avartar-May-21.gif

Onboarding: Building Avatar

Building an avatar with presets of face, body shape, and style to allow users to jump into the core experience quickly

Frame 297.jpg

Simplify Avatar Building

Frame 306.jpg

Browse with Your Avatar

For shoppers searching for new ideas, they can replace influencers posts with their avatar to better see the look

Frame 298.jpg
iPhone Frame.png
ezgif.com-gif-maker (4).gif
Screen Shot 2021-06-20 at 11.17.35 PM.png

Show Avatar in the Feed

Frame 310.jpg
Feed 1.gif
Feed 2.gif
Feed 3.gif

Add Try-on Bag for Browsing

Frame 307.jpg

Iterations

User Feedback & Improvement

iPhone Frame.png
Animation-2.gif

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

Frame 299.jpg

Emphasize Try-on Affordance

Frame 308.jpg

With design & business background, we tried to emphasize the user needs, aesthetics quality, and business success together. We are thrilled to see the problem in online try-on can develop into an exciting product. If there was more time, we want to work more with engineers and business analysts to develop a product that benefits multiple stakeholders.

Frame 309.jpg

Business Success

Reflection

Exploratory & Goal-oriented Shoppers

Based on buying behaviors research, the target user can be further divided into exploratory shoppers vs. goal-oriented shoppers. Given the time constraints, we focused on exploratory shoppers because they are more likely to hesitate in purchasing. For goal-oriented shoppers, recommendations based on specific scenarios would be more useful. With further user testing, I’m sure we will be able to serve both user groups.

More User Testing

We did 4 rounds of user tests before we wrapped up in May and I learned so much from users to make the online shopping experience better. If we had more time, I would definitely do more user testings with male users in our high-fidelity prototypes to collect feedback from a broader audience.

Business User Dashboard

After our research on stakeholders, we came up with the idea to provide customer shopping data to fashion retailers for business insights. For the to-B part of Outfit Club, we imagine a business data dashboard to visualize the data for retailers. We didn't start this to-B part due to time constraints, but this would be a good start for the future development of Outfit Club.

Reflection
bottom of page