top of page

Make Room

mobile app created: May 2024
Closet and Fashion Organization

This is a college-level app created and led by Joyce Chen, and assisted by other UX designers.

My Role

I led my team in the creation of: Discover, Define, Design & Deliver

  • Dry Run survey

  • Interview questions

  • Affinity mapping

  • 2 Personas

  • POVs and HMWs

  • Findings and Insights

  • Competitor Analysis

  • Task flows and User Flows

  • Prototyping

  • User Testing

GetWardrobe App

This app competitor, GetWardrobe, has many many task flows:
 

  •  Taking a picture of one piece of clothing then entering in the size, brand, material, pricing, etc.

  •  Planning

  • ​Shopping

 

  • Putting together outfit

  • Inspiration or being part of a community.

  • ​Plus mini tasks to input, such as weather and premium members only tasks.


It’s not only time-intensive but allows users to waste effort and make things more complicated. I could have spent the time organizing my physical closet, which I did (while inputting information on this app), but it took three times as long. Also, I store clothes in multiple places so finding them using this app would be a waste of effort.

Problem Statement and Description

People have difficulties keeping their closets organized.

 

Organizing a wardrobe goes beyond tidying up; it's about improving daily life. It affects everyone, from busy professionals with chaotic mornings to fashion lovers expressing their style. Parents managing family life, students in small spaces, and anyone aiming for a smoother routine benefit from an organized wardrobe. In summary, organizing a wardrobe can be perceived as a problem due to the time and effort involved, decision-making challenges, limited space, adapting to changes, daily maintenance requirements, and emotional connections to clothing.

UX Designers:
 

Joyce Chen

Ginevra Bonilauri

Camerun Merrida

Timeline: 
5 months

image0-2.webp
image0-3.webp
image1-2.webp
image2-2.webp

Final Task Flow

taskflow2.PNG

Research Synthesis

Insight #1:

Tailoring solutions to varying fashion goals, ranging from developing a capsule wardrobe to exploring new fashion genres, necessitates tailored and adaptable approaches.

Insight #2:

Time-saving techniques or tools that cater to hectic lifestyles could have a substantial impact on the target audience.

Insight #3:

Offering guidance on maximizing limited space and organizing drawers effectively could meet practical needs.

Insight #4:

providing inspiration and practical advice for refining personal styles can assist those seeking to enhance their fashion choices.

Anchor 1

Affinity Map

We interviewed 13 people, creating an Affinity map (a portion of it below) which organizes all the data we gathered.

Affinity4_edited.jpg

POVs and HMWs

After creating two Personas based upon the affinity map data, we gathered 13 POVs- of which we then brainstormed 25 HMWs. 

​

We decided on my POV for Sara (our Persona):

Sara, a 28 year old who holds a full-time job that requires her to be present and occupied all the time, needs her daily closet to be very organized and effective as she doesn't want to spend so much time looking for her clothes daily. It's important to Sara to know the best organizational and time-saving methods to easily get dressed for her day.

​

As well as a POV for Ishita (my Persona):

Ishita Anand is a practical and resourceful graduate. Her closet is often messy. Though she loves timeless clothes, space is tight. She cleans her closet twice a year, but sometimes throws clothes on chairs when tired. Ishita, soon to start work, wants business casual outfits. She plans to use her existing clothes, aiming for a neat and easy-to-manage closet.

​

We decided on these two HMWs based on which problems we felt our interviewees needed to solve: 

How might we create a closet organization system that maximizes space utilization and accommodates the unique clothing preferences and storage requirements of each user?

​

How might we keep individuals motivated to tidy up their closets regularly?

Wireframes

wireframes1.PNG

We made our wireframes in Balsamiq. It was my idea to make the current (at the time) "My closet" greyed out to mean it's unclickable. I figured that the first step for users was to take a quiz which would be a pop-up that said "Find your perfect solution", with a button to take the closet/fashion quiz; then after taking the quiz, the user could click on "My closet", where their "perfect solutions", or tailored content, would be. I also created two separate inspiration pages: one for fashion inspiration and one for room/space inspiration, where originally there was no separation. Additionally, I put a notifications bell icon so that the user can tell when they have new notifications, as well as a camera icon where there was a plus icon.

Mid-Fi Prototype

Changes made from User Testing

  • Added microcopy to the "build" feature

  • Made a different home screen, where "My closets" are clickable

  • Added a closets built screen

  • Deleting the down arrow

  • Deleted extra accounts

  • Added the favorites drop down overlay which I placed perfectly using manual settings.

  • Created Google Accounts feature and additional page

  • Created logo and added colors

Hi-Fi Prototype

make room.gif

Device: iPhone 15 Pro Max

​

Colors: #F1AD21, #D76131, #48BEAC, #0089FF, #CC0000, #FFFFFF

​

Font sizes: 16px, 18px, 20px, 24px, 32px, 40px

​

Font: Inter

bottom of page