Envy
Roles
User Research, Wireframing, UI/UX Design, User Testing, Prototyping
Team
Samantha Mirabella
Jenna Cianfarani
Timeline
January - April 2024
Tools
Figma
Adobe Illustrator
Product Overview
Envy is the ultimate wardrobe assistant, an AI-powered mobile platform designed to revolutionize the way individuals style outfits. With a quick scan or search, users can effortlessly upload items to their digital wardrobe. From there, users may generate personalized outfits for any occasion based on the items they own.Context
We were tasked to develop a digital product based on user research to solve a common problem related to fashion.Project Brief
The Problem
As members of Gen-Z, we understand that our demographic highly values personal expression through fashion and seeks efficient ways to style outfits. This led to the development of our problem statement.
User Research
We conducted 6 user interviews with Gen-Z participants to gain insight into their fashion challenges and personalized styling needs, allowing us to identify key features that will help them effortlessly achieve their ideal style.User Interviews
From the interviews, we grouped our key insights into four categories. Based on the research collected, I created a User Persona, Empathy Map, and User Experience Map to inform the features and design decisions of our app.User Research Insights
Process
We created mid-fidelity wireframes to develop thoughtful and intuitive screens for all of our user flows before adding imagery.Wireframes
Solution
User’s can swiftly upload items they own to their digital wardrobe with a simple search or scan, allowing the app to generate outfits from their existing wardrobe and providing users an organized way to view the clothing they own.
Upload to your Digital Wardrobe
Once the digital wardrobe is set up, users can generate outfits in seconds. Through a series of short questions, the app suggests outfits based on occasion, dress code, accessory preferences, and weather using the user’s location. While looking through outfits, users can discover similar style items which can be filtered by price range, and they may also edit any detail of their suggested outfits.
Generate Outfit Suggestions
Envy lets users share their favourite outfits in a comfortable social space. Posts feature generated outfits on a white background, creating a unified community without requiring users to show their faces. Including photos wearing the outfit is optional. Users can quickly tag their items in the post through an automated system that detects the products, helping others find where to shop the look.
Post your Outfits
Design System
For our logo, we selected a typeface that is reflective of our brand values and the concept of the app. We decided to keep the colour palette of the app neutral to avoid clashing with user’s wardrobes and their generated outfits. However, we incorporated a bright blue as an accent colour to clearly indicate actionable buttons.Typography and Colours
For a streamlined design process, we created components and variants for buttons, text fields, and content cards that could be re-used throughout our design.Components
Key Takeaways
User research was critical to the app's development as it provided us with first-hand insights that led to the creation of a user-centered solution, addressing users specific needs. By conducting interviews, we gained a deep understanding of the problem which helped shape our app’s features and functionalities.User Research
User testing was essential to our design process, ensuring we delivered the best user experience and optimized solutions for each task flow through direct feedback from our target users.User Testing
