The Virtual Closet Experience
My Design Scope:
While the team addressed outfit planning and social features, I chose to focus on the foundational challenge: how might we give users complete personalization and control over organizing their existing items?
To solve the complexity challenge, I created a single decision point that branches into three clear user paths, then combines back to outfit creation. This structure provides users complete control over their wardrobe organization while keeping the core flow intuitive. Optional features branch off the main path, so users only engage with complexity when they choose to.
Interaction Design Deep Dive
To showcase in depth on the design process for these interaction flows, I've broken down the two most complex user journeys. These flows demonstrate user needs and feature complexity which provide balance to create an intuitive experience.
1. Outfit Generation & Board Saving Flow
While outfit generation represents the core value proposition of the digital closet, users also needed a seamless way to populate their wardrobe with new items. The upload flow required equally thoughtful design to ensure content creation felt intuitive rather than tedious, encouraging users to build comprehensive digital wardrobes that would make outfit generation more valuable over time.
2. Upload New Item Flow
While outfit generation represents the core value proposition of the digital closet, users also needed a seamless way to populate their wardrobe with new items. The upload flow required equally thoughtful design to ensure content creation felt intuitive rather than tedious, encouraging users to build comprehensive digital wardrobes that would make outfit generation more valuable over time.
Interface Exploration
"How can I create a view for users to browse the items in their closet without losing the intuitive category organization they expect from their wardrobe?"
Grid View
For the rough grid view sketch, I wanted this to prioritize browsing and visualizing the items in the user's closet with ease by leveraging users' familiarity with gallery patterns and adding strategic category organization. From the collection of user input in our research stage, this approach was designed to excel user's 'first glance' look into their closet to make connections between items without feeling the impact of clutter or decision fatigue.
List View
For list view, I was inspired by Cher's personal closet outfit generator from Clueless, where the change of visual scenery solves the category organization challenge through horizontal scrolling that moves categories out of the main content area, creating a cleaner interface. This approach better supports detailed filtering behaviors while maintaining easy access to organization tools because it allows users to see what cohesively goes together.