ReStyle
A smarter way to style your clothes sustainably.
DISCIPLINE
Product Designer
DISCIPLINE
Product Designer
Discipline
Brand Designer, Brand Developer
CONTEXT
Overview
We've all been there - staring at a full closet feeling like there's nothing to wear. Developed alongside a team of 4, ReStyle is a mobile app concept designed to help users make better use of the clothes they already own, reduce overconsumption, and simplify daily outfit decisions.
My Focus: Defining the problem, shaping core features, and designing the high-fidelity prototype that brought the experience to life.
The Challenge
Through group conversations and research, it became clear that creating new outfits from existing clothing takes more time and mental effort than most people expect. Fast-changing trends and the influence of social media only add to the pressure, often pushing people toward unnecessary purchases instead of creative reuse. With time constraints, environmental concerns, and the desire to feel confident in what we wear, finding a balance between style, efficiency, and sustainability isn’t easy.
01.
Help users quickly create outfits using their existing wardrobe.
02.
Encourage more mindful and sustainable fashion habits.
03.
Deliver a personalized experience without complexity.
04.
Design an intuitive app that feels easy to use from day one.
03.
Deliver a personalized experience without complexity.
04.
Design an intuitive app that feels easy to use from day one.
01.
Help users quickly create outfits using their existing wardrobe.
01.
Help users quickly create outfits using their existing wardrobe.
01.
Help users quickly create outfits using their existing wardrobe.
01.
Help users quickly create outfits using their existing wardrobe.
Jobs to be done
Research & Empathy
User Research
We conducted interviews with participants ranging from their mid-teens to late 40s, representing different lifestyles, body types, and fashion values. I organized the findings into affinity diagram clusters to surface recurring themes and guide feature prioritization.
Persona
I created a user persona to represent ReStyle’s ideal user, using insights gathered from user interviews, competitor analysis, and examples of real pain points. By combining everything we learned, the persona captures the user’s preferences, frustrations, and behaviours. This helped keep the project focused on building an experience that truly reflects what our users need.
Meet Giselle
An arts student in Toronto with a love for comfort. She’s ready to step out of her style comfort zone but finds shopping overwhelming and hard to keep up with. Now, she’s looking to refresh her wardrobe, learn the basics, and build confidence through fashion.
Meet Giselle
An arts student in Toronto with a love for comfort. She’s ready to step out of her style comfort zone but finds shopping overwhelming and hard to keep up with. Now, she’s looking to refresh her wardrobe, learn the basics, and build confidence through fashion.
Ideation
Ideation
We used Crazy 8’s sketching to rapidly explore layout and feature ideas. From this process, we defined the app’s core features:
Random Outfit Generator
Weather-Based Outfit Suggestions
Inspiration Gallery
User Profile Insights for personalization
Random outfit generator
Weather-based outfit suggestions
Inspiration gallery
User profile insights for personalization
After defining our core features, we mapped out a user flow to ensure a clear and cohesive experience across the app. This step gave us a shared understanding of the app’s structure and ensured that all key interactions supported our primary goal: helping users quickly style outfits using what they already own.
After defining our core features, we mapped out a user flow to ensure a clear and cohesive experience across the app. This step gave us a shared understanding of the app’s structure and ensured that all key interactions supported our primary goal: helping users quickly style outfits using what they already own.
Research & Empathy
Prototyping & Design Decisions
Before moving into high fidelity design, we created low-fidelity wireframes to test our ideas without being distracted by visuals. At this stage, the goal was not polish, but clarity.
This process helped us identify areas where the experience could be simplified, including redundant steps and overlapping features. As a result, we refined the navigation, adjusted the scope, and centered the experience around the outfit generator as the app’s core function.
Table of Impacts
We tested our low-fidelity wireframes with users to evaluate whether core tasks could be completed without guidance.
The feedback highlighted several areas where the experience could be improved to better support task completion and user confidence. The table below outlines key observations from lo-fidelity testing and how they informed refinements in the hi-fidelity iteration.
Design System
Initial designs explored a bold purple and orange colour palette, but testing showed it competed with clothing visuals and overwhelmed users. I led the shift to a neutral design system to improve accessibility, reduce cognitive load, and keep the focus on the wardrobe itself.
Solution
Final Design
No second guessing: quickly build outfits from your own wardrobe, personalize your preferences, and get clear results you can feel confident wearing.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 20 0 L 20 20 L 0 20 Z M 10 20 C 4.477 20 0 15.523 0 10 C 0 4.477 4.477 0 10 0 C 15.523 0 20 4.477 20 10 C 19.994 15.52 15.52 19.994 10 20 Z M 10 1.667 C 5.398 1.667 1.667 5.398 1.667 10 C 1.667 14.602 5.398 18.333 10 18.333 C 14.602 18.333 18.333 14.602 18.333 10 C 18.328 5.4 14.6 1.672 10 1.667 Z M 6.667 11.667 C 6.403 11.665 6.154 11.789 5.996 12 C 5.837 12.211 5.789 12.485 5.864 12.738 C 6.475 14.524 8.119 15.753 10.006 15.833 C 11.894 15.759 13.54 14.527 14.144 12.738 C 14.212 12.485 14.16 12.216 14.003 12.007 C 13.847 11.798 13.603 11.673 13.342 11.667 Z M 5 8.333 C 5 9.167 5.746 9.167 6.667 9.167 C 7.588 9.167 8.333 9.167 8.333 8.333 C 8.333 7.413 7.587 6.667 6.667 6.667 C 5.746 6.667 5 7.413 5 8.333 Z M 11.667 8.333 C 11.667 9.167 12.413 9.167 13.333 9.167 C 14.254 9.167 15 9.167 15 8.333 C 15 7.413 14.254 6.667 13.333 6.667 C 12.413 6.667 11.667 7.413 11.667 8.333 Z" fill="transparent" height="20px" id="H4t48QlId" transform="translate(3 2)" width="20px"><path d="M 0 0 L 20 0 L 20 20 L 0 20 Z" fill="transparent" height="20px" id="k1c6al0Hs" width="20px"/><path d="M 10 20 C 4.477 20 0 15.523 0 10 C 0 4.477 4.477 0 10 0 C 15.523 0 20 4.477 20 10 C 19.994 15.52 15.52 19.994 10 20 Z M 10 1.667 C 5.398 1.667 1.667 5.398 1.667 10 C 1.667 14.602 5.398 18.333 10 18.333 C 14.602 18.333 18.333 14.602 18.333 10 C 18.328 5.4 14.6 1.672 10 1.667 Z M 6.667 11.667 C 6.403 11.665 6.154 11.789 5.996 12 C 5.837 12.211 5.789 12.485 5.864 12.738 C 6.475 14.524 8.119 15.753 10.006 15.833 C 11.894 15.759 13.54 14.527 14.144 12.738 C 14.212 12.485 14.16 12.216 14.003 12.007 C 13.847 11.798 13.603 11.673 13.342 11.667 Z M 5 8.333 C 5 9.167 5.746 9.167 6.667 9.167 C 7.588 9.167 8.333 9.167 8.333 8.333 C 8.333 7.413 7.587 6.667 6.667 6.667 C 5.746 6.667 5 7.413 5 8.333 Z M 11.667 8.333 C 11.667 9.167 12.413 9.167 13.333 9.167 C 14.254 9.167 15 9.167 15 8.333 C 15 7.413 14.254 6.667 13.333 6.667 C 12.413 6.667 11.667 7.413 11.667 8.333 Z" fill="rgb(255, 89, 0)" height="20px" id="vQC9GCchQ" width="20px"/></g></svg>)