Overview
Embedded Files
Role: UX Designer, UX Researcher, Graphic Designer
Timeline: January - April 2024
Design Team: Kaila Greatness Price, Maxwell Rosenzweig
Tools: Adobe Photoshop, Adobe Illustrator, Figma, Miro
Background
Problem Statement ❌
Planning outfits, sorting through wardrobes, and making clothing purchases can be overwhelming and time-consuming for consumers. In an era dominated by fast fashion and increasing fashion waste, there is a lack of digital solutions that streamline clothing management for adults while promoting mindful consumption.
Our Proposed Solution ✅
Develop a user-friendly app that helps individuals catalog, organize, and visualize their wardrobe, making outfit planning more efficient and sustainable. This resource is intended to be a seamless, user-friendly app designed to revolutionize wardrobe management.
In short, What to Wear (WTW) is designed to empower users to make more informed outfit decisions effortlessly through various avenues for fashion support.
What to Wear is structured around three key categories:
Research Process
Target Audience 🎯
Age Range 25 - 50 (late Gen Z to early Gen X)
Fashion Enthusiasts
Fashion Beginners
Fashion/Style Community for Support and Suggestions
Self Discovery of Self-Expression and Tastes
Niche Fashion Sense (i.e., eccentric, different style, unique)
Style and Collector Community (i.e., brands/designers)
Formative Study 📝
Five participants from the age ranges of our target audience were interviewed:
2 older Gen Z
2 Millennials
1 younger Gen X
Pain Points ❌
Insights from participants include:
Lack of closet organization
No clothing assistance resource
Forgetful of all of wardrobe items
No place for fashion support
Inefficient way to record wardrobe
User Flow
User Flow Synopsis 📍
This user flow outlines the intuitive journey within What to Wear, ensuring a seamless experience for users to catalog, organize, and plan outfits.
Features like outfit suggestions, calendar integration, and community engagement enhance wardrobe efficiency and support sustainable fashion. Thoughtful decision points, such as manual outfit creation versus AI-powered suggestions, offer flexibility while streamlining choices. Refined through user research, this flow prioritizes ease of navigation and a user-centered design approach.
Branding
Color Palette 🎨
Color theory suggests that blue tones are often associated with trustworthiness, clarity, serenity, and mindfulness. These hues evoke a sense of confidence, organization, and ease for app users, creating a calming and intuitive experience.
The selected colors include:
Deep Slate (#3B4054)
Vibrant Azure (#4294D0)
Cool Mist (#C1D5D8)
Cloud Breeze (#D3E0E3)
Frost Veil (#E1EAE9)
Components ⚙️
The plus button acts as the primary call to action button to allow users at any time to create a manual outfit, use AI to suggest an outfit, or add a piece to their digital closet.
Final app navigation icons are:
Home
Search
+ Sign
Shop
Closet
The primary and secondary buttons offer two options within the outfit selection process.
Wireframe Samples
Log In Screen
Log In Screen
Initial Profile Screen
Initial Profile Screen
Preferences Screen
Preferences Screen
Wireframe Synopsis 📱
These wireframes guided us in designing intuitive interfaces for a closet organization and wardrobe planning app. Our target audience frequently expressed feeling overwhelmed and forgetting their wardrobe options. To address this, the What to Wear design team focused on creating a minimalistic layout that streamlined clothing selection and organization.
Final Screens
Welcome Screen
Sign Up Screen
Log In Screen
Profile Screen
Today's Outfit Tab Screen
Closet Suggestions Screen
Preferences Screen
Top 1 Option Screen
Top 2 Option Screen
Top Confirmation
Bottoms Confirmation
Shoes Confirmation
Outfit Completion Screen
Search Home Screen
Search Inquiry Screen
Item Specification Screen
Fashion Community Screen
Outfit Details Display
Item Purchase Screen
Order Purchase Screen
Outfit Match Suggestion
Play the Demo 📲
Reflections 🔆
1. Increase the sample size of participants.
Although our small sample size of five participants provided valuable insight into the pain points an app could address, having a larger sample size representing each generation of our target audience would have provided more comprehensive, diverse, and statistically reliable information. The Mastery Course instructed that within the UX field, stakeholders would require a larger sample of participants.
2. Consider sustainability more.
Ideally, the next steps for What to Wear (WTW) would be further implementing the Swap feature within the Shop category. Sustainability inspired by other fashion community apps (i.e., Poshmark, Mercari, Ebay, etc.) include the option of reselling used fashion goods to users. What to Wear's special niche would be offering second-hand fashion as one option, purchasing brand new from the source, and swapping/trading second-hand items with another user. This feature would assist in addressing the environmental factors of fast fashion and its negative impacts on the environment.
3. Refine prototyping skills.
Through this final UX project the experience of creating a functioning prototype from outlined wireframes became a reality. Bringing app concepts to fruition through Figma became more possible and doable through practice with a more experienced teammate. This initiated the process of beginning to refine my skills and practice enhancing my skills with Figma and other prototyping software as a UX designer.
4. Research and implement design trends.
Glassmorphism, Neumorphism, and other UX/UI design aesthetics would not only be interesting to practice but also engaging and innovative to implement in actual designs. The design of WTW featured a standard and simplistic layout. While refining my design skills, this experience also inspired my desire to stay up-to-date with design trends and explore their potential applications in future projects. WTW motivated me to create more polished aesthetics that go beyond a basic outline, aiming for visually compelling, futuristic, and functional designs.
Page updated
Google Sites
Report abuse