Visualize existing wardrobe & curate innovative outfits with
WARDROBE MIXER
.png)
THE PROBLEM
Current Apps on the market are designed to offer outfit recommendations to their users. We observed that these applications aren't meeting the user's need to maximize their current wardrobe and effectively visualize their outfit creation on themselves. This is causing difficulty in choosing outfits for various occasions when they try to curate an outfit from what they already have.
How might we relieve the challenge to come up with creative and innovative outfit combinations so that they can
tangibly utilize their existing wardrobe and successfully provide an easy, quick and simplified dressing experience?
GOAL
Design an app, that can simplify outfit planning for users by suggesting clothing combination from users existing wardrobe.
4
Team size
3 weeks
Timeline
MY ROLE
Research, Define, Ideate, Wireframe, Prototype, Test & Design
-
User Research
-
Defined Problem Statement
-
User Journey Map & Task Flow
-
Mid-fidelity Wireframes
-
Prototyping & Testing
-
Visual Design for High-fidelity
RESEARCH
Proto-persona, User Interviews, Survey Analysis & Competitor Analysis
We created a proto-persona named Norman, an accountant with a busy schedule who struggles with organizing his wardrobe. Our goal was to explore how Wardrobe Mixer could help individuals like Norman. To achieve this, we studied users similar to Norman by:
-
identifying the obstacles they encounter when selecting outfits
-
understanding what factors shape their fashion choices
-
examining their decision-making process using their current wardrobe
Interview
6 interviews via zoom | key insights into an affinity diagram
Results:
-
Users feel frustrated when their envisioned outfit doesn't match reality
-
Users seek external validation from friends, social media influencers, and models
-
Users rely on visually trying on outfits, often finding the process chaotic
.png)
Survey
21 potential users | aged between 20-40 yrs via Facebook
.png)
Results:
-
74% find outfit selection challenging
-
57% prioritize visualizing outfits
-
74% struggle with creativity from existing wardrobe
.png)
Competitor's Analysis
.png)
Results:
-
Low competitors: Shoplift and Stich fix, offer browsing and shopping from retailers
-
High competitor: Caldwell, offers personalized outfits from existing wardrobe
-
Market Gap: No apps to visualize outfits without tangibly trying them on
-
Action: Seize opportunity to provide visualization feature
DEFINING THE PROBLEM
Problem Statement, User Persona
After conducting research, we identified users had difficulty in selecting outfits for different occasions, as it required a considerable time choosing outfits from their existing wardrobe. Users showed strong desire to be able to visualize outfits on themselves, so they could maximize the use of their wardrobe collection to fullest. Through our competitor analysis, we identified that there were no app in the market that allowed users to seamlessly visualize their existing wardrobe.
Empathizing users problems, we created a user persona, we wanted to come up with an app that addressed their needs, offering a simple, quick and innovative solution.
User Persona
In the process of developing the user persona, we relied on the key insights extracted from the affinity diagram to ensure genuine understanding of user's goals and challenges.
IDEATING SOLUTION
I like, I wish, What-if
We brainstormed and organized ideas into the three categories. Then, we voted on the most favored ones and prioritized them in a matrix. Finally, we conducted task analysis to plan specific actions required to bring them to life.
2x2 Feature Prioritization Matrix
DESIGN
Task Flow. User Journey Map, User Flow, Low-Fidelity Wireframe
We crafted a user journey map and conducted a task analysis to understand the journey users undergo when selecting an outfit for a special occasion. We created a user flow to facilitate smooth navigation and intuitive user experience.
User Flow
.png)
Low-Fidelity Wireframe
We took a focused approach to our wireframe development process, concentrating on user-centric, identified features such as:
-
Accurate Body Measurement: body scan or manual entry
-
Visualize Style: personalized avatar of user to preview outfits
-
Effortless Wardrobe Entry: scan user's entire wardrobe at once
-
Weather-Inspired Outfits: receive outfit ideas tailored to local weather
-
Occasion-Centric Fashion: generate outfit ideas based on the occasion
PROTOTYPING & TESTING
Usability Testing & Iterations
In the round-1 of usability testing , we assessed the efficiency of user navigation while creating outfit combinations using our low-fidelity wireframe. This helped us gather feedback and guided us to transition to mid-fidelity wireframes.
Iterations
.png)
We conducted round-2 of usability testing on mid-fidelity wireframes. The goal remained to access user experience and challenges in navigating the app when creating outfits. Iterations were made based on what mattered most to our app.
Iterations
.png)
RESPONSIVE HI-FIDELITY PROTOTYPE
Style Tile, iPhone & iPad Prototype
After refining our mid-fidelity, we focused on crafting responsive designs for the iPad. We started off from making a style tile and further developing a style guide ensuring responsiveness throughout.
Style Tile
.jpg)
.png)
.png)
FINAL THOUGHTS
Users found the app prototype practical, enjoyable, and easy to use. They liked how it enabled them to visualize themselves in different clothes effortlessly and experiment with their existing wardrobe.
Learning:
-
Gained insights on feasibility of design concepts through hands-on coding
-
Research helped uncover user insights and decision-making processes
​
FUTURE OPPORTUNITIES
-
Work on features where users can enter their body measurements manually
-
Make instructions on how to scan more elaborative
-
Work on features that gives different ways to add clothes on to users wardrobe