Your Personal Virtual Closet

View your clothes, plan your outfits, and learn more about your clothing, all within the palm of your hands.

Overview
Research
Ideate
Design
Test

Project Overview

Background

According to the EPA, the main source of textiles in municipal solid waste (MSW) is discarded clothing. Therefore, there is an opportunity to make a change in the way consumers choose and understand the clothing they have for the benefit of the environment, themselves, and the fashion industry. 

Problem

While consumers have the freedom to choose what clothing they buy, retail stores rarely impart the knowledge for how long their clothing will last and how to best take care of it. Oftentimes, it is up to the consumer to figure it out. 

What to Expect

  • MVP application with the ability to view clothing items, plan your outfit, and communicate with a personal assistant (AI).
  • Improve the habit of accounting for users clothing items.

Team

Self-directed with feedback from mentors and peers

Tools

Figma, Whimsical

Duration

4 weeks

Device

Mobile
View prototype

Key Takeaways

Greenwashing is  prevalent in clothing brands making hard for consumers to shop ethically.
User's current clothing care and shopping habits reflect a need to understand what's in their closet.
Consciousness of clothing items will lessen the need for excess consumption and textile waste.

Design Process

Research

Market Research
Competitive Analysis
User Interviews
Personas

Ideate

Brainstorm
Sitemap
Task Flows
Low Fidelity Wireframes

Design

Moodboard
UI Components
High Fidelity Wireframes

Test

Findings
Iterations

Research

Market Research

Consumer's want brands to be environmentally friendly...

According to a study made in 2018, 88% of consumers want brands to help them live sustainably. As a result of brands making it harder to make an ethical decision (Forbes).

"Major brands across the fashion industry are starting to pay attention to the demand for more sustainable practices. Companies like Adidas, that recently announced a range of trainers made from ocean plastic. High street retailer Zara also announced in 2019 that it would be using only sustainable materials by 2025." — BBC

But we can't rely on them to be ethical.

Although there has been an effort by major brands to engage in more sustainable practices, it's difficult to put trust in what they're promising. With a lack of transparency, choosing careful wording to mark-up prices, and even a recent lawsuit on 'greenwashing,' it's clear that brands aren't fully committed to a more sustainable future.

"In July of 2022, a lawsuit was filed against Swedish fast-fashion giant H&M in New York federal court, accusing it of “greenwashing,” or engaging in false advertising about the sustainability of its clothing." — The Cut

It's up to consumers to be conscious.

With increasing textile waste and a lack of full responsibility by major brands, consumer's must put in their share of efforts to reduce waste.

"So while recycling and more sustainable fabrics will be a key part of the solution, consumers too will need to change their behavior if we hope to lessen the impact that the fashion industry is having on our planet." — BBC

Competitive Analysis

Direct Competitors make it important to tell but not show.

I explored three competitors that want to provide users with quality products. Although each has their strengths, it's evident that they don't make it easy for users to find full product information.

User Interviews

Finding 4 areas that users prioritize and struggle with in their clothing experience.

I will be targeting the audience that consumes the most fast fashion and engages the most with clothing trends: women between the ages of 18-35. Therefore, I conducted 5 user interviews with women of various occupations between the ages of 23-26 so that I can get a better understanding of what they may need or want in their clothing experience, focusing on their shopping and cleaning habits.

Finding 1

Users value fit and longevity when choosing what clothing to buy.

Users unanimously indicated that finding the buying an item is dependent on whether it looks good on them and if it’ll last them long enough.

“The fit of clothes are really important to me. In the past I would buy it and never end up wearing it because I hate the fit.” — Interview Participant

Finding 2

Users are looking for ways to improve their clothing care.

Most users reasoned that they currently take care of their clothes based on how their clothes turn out from previous washes -- whether that be good or bad.

“I still have the same bad habits in taking care of my clothes like washing and drying all colors together on the same settings.” — Interview Participant

Finding 3

Users don’t have a place to understand the material of their clothing.

All users shared various spaces where they learn how to best take care of their clothing -- from their family to a google search to online influencers.

“I look at fashion influencers, there’s one on Tiktok who talks about different brands and construction of clothes and why a piece would be worth it or not...” — Interview Participant

Finding 4

Users struggle with quality pieces that require high maintenance.

Most users indicated that while quality is important, it’s equally important to have clothing that can’t be easily ruined, otherwise it deters them from investing in more.

“I ruined this silk skirt I got from Turkey by accident because I didn't realize how easily it stained...”— Interview Participant

Personas

Designing for the conscious consumer and the versatile stylist.

Based on the user interviews, I'm able to create two distinct personas that capture their needs and pain points that will help guide me to appropriate potential solutions.

Ideate

Brainstorming

How might we make Samantha’s experience with high maintenance pieces more manageable?

Since I have two different personas, I posed two questions where I'm able to come up with potential solutions. Since the application is an MVP, I decided the best approach is to prioritize what should be included rather than unique features. This way, I can develop the main features with the intention of including other components that are just as essential.

How might we make Lizzie feel confident finding clothes that fit her and look good with what she has?

With the top solutions in mind, I'm able to visualize how they can come together to resolve and work for my users needs and pain points when moving on to the next part of the design process.

Sitemap

Designing for 4 sections.

After considering the potential solutions, I've narrowed down the unique features into sections to design to create an MVP. Each of the sections will include the other solutions that were listed.

Task Flows & Lowfidelity Wireframes

Visualizing the happy path to success.

Thinking back to my persona's needs and pain points, I prioritized using 3 tasks that will capture the functionality and purpose of the feature's. Each task uses a specific path which will lay the ground work for understanding what areas of the design is or isn't working with it's intended purpose.

Legend

Task 1: Add a clothing item to your closet and add it to your outfit for today.

Scenario: You’re new to the app and you want to add a t-shirt from your closet to the app and add it to your outfit of the day.

Task 2: Plan your outfit for tomorrow.

Scenario: You finished completing your outfit for the day and you want to plan your next outfit for tomorrow. You know you want to add your light wash jean jacket and your white t-shirt and you want to see what items the app suggests to pair with it.

Task 3: Ask the chat for more information about silk.

Scenario: You just bought a silk skirt that was really expensive so you want to know more about the material.

Design

Moodboard

What do we all want in our clothing?

The goal of this app is to bring a personalized experience with clothing and building a habit for a more sustainable future. These goals translate to key terms that we want to evoke in our branding.

UI Components

Chat becomes 'Assist.'

After designing the navigation, I felt that the terminology for the AI chat did not meet the branding and can be confused as social chatting rather than an automated system. Therefore, I changed the chat feature label to 'assist.'

High Fidelity Wireframes

Making it blend in.

Test

Findings & Iterations

Prioritizing common errors and interests.

I conducted the test with 5 participants who are within the age range of 20-30. The good news, there was a 100% completion rate for each task. However, there were moments of hesitation that need to be addressed to improve user confidence level.

Finding 1: Add Clothing

User's have trouble understanding the 'add to outfit' button.

3/5 users slipped and choose the 'add to outfit' button on the suggested pairings instead of the item itself. Once they recognized it wasn't the right step, they eventually realized that the 'add to outfit' button on the recently added t-shirt was the correct path.

“It confuses me because I'm not sure what outfit I'm adding it to...I don't know what outfit I'm creating.” — Interview Participant

Solution

Remove the 'add to outfit' button on suggested pairings on item details.

In order to minimize user error and improve learnability, removing the 'add to outfit' button on suggested pairings on item details will decrease the choices users have to decide on what the next step should be.

Finding 2: Plan Your Outfit

User's weren't clear on whether the clothing item they chose was saved.

Although they were able to complete the task, 3/5 users hesitated on when they chose the items to add to their outfit.

“...it's just not totally clear to me. I might just want a plus or something to add it to the outfit.” — Interview Participant

Solution

Add checkmark and save button.

In order for users to have a clearer indication that they have selected an item, adding a checkmark will confirm that it's chosen. Users will also have to confirm that the items they selected will be saved to their outfit.

Finding 3: Ask Assist

User's felt that the link was out of place.

4/5 users weren't clear on why they had to click a link to get the information they asked for and whether it would take them to another place.

“I am curious about the link though, is that external or made by the app? ” — Interview Participant

Solution

Add information in the message with the external link.

In order for users to get the information they're looking for, adding the text in the message will minimize the necessary steps. Adding the external link will also give the user the option to view more if interested.

Finding 4: Style

Accounting for accessibility by improving style.

While users were able to complete the tasks, it's important to value color contrast for those who may find it difficult to interpret.

Solution

Change button color contrast.

In order for users to interpret that a button is a selected, improving the color contrast will improve the learnability.

Next Steps

Reflection

Indirect solutions are still solutions.

This project started as a way to solve the overwhelming amount of textile waste, however, it's not easy to fix something that is a global problem especially with just one app. As I began the process of ideating solutions, it stumped me that there was not one solution to fix it. The hard truth is that I can't, but what I can do is find an indirect solution that could improve the problem little by little. At the end of the day, a small improvement, is still an improvement.

Going Forward

Clove is just the beginning.

Since this is an MVP, the features are limited. I'm excited to explore the possibilities of developing new features that can take Clove to its full potential. With that, these are the next steps in the project:

Thanks for reading!

Explore More Projects

Passion project

Netflix Feature

Integrating a 'Share your Reaction' feature on Netflix.

case study
Client project

Borek G

Redesigning a website for a local family-owned business for desktop and mobile web.

case study