About

03 Stuff

View Prototype

Duration
- 30 days

Role &Scope
- Concept
- UX Design
- UI Design
- Branding

Team
- Myself

Details
- Purchase management & decluttering application.
- Virtual closet with tagging feature.
- Seamless 4 step process from return, maintenance, resale and donation.

Overview +

Solution Screen 01

User Story 1- " As a consumer, I want to be routinely reminded to return/ exchange my items."

Solution Screens 02

User Story 2- “ As a consumer, I want to routinely perform maintenance on my items."

Solution Screens 03

User Story 3- " I want to routinely re-sell items I don’t wear.

Solution Screens 04

User Story 4- "As a consumer, I want to routinely donate items I don’t wear.

Discovery +

Target User Demographic

- I created a survey, with 20 participants, to weed out people who doesn’t care about fashion and therefore least likely to have the clothing piling problem.
- I also made sure to talk to people who has disposable income, so they have wiggle room to spend on clothe monthly.

Survey Insights

- I spoke the 10 participant who had purchased new item in the last 3 months.
ask them some general questions about their shopping habit and how they manage their clothes/ closet
- I found out through this surveys that users who actively manage their closet, they usually do occasionally re-selling app. However, most people do not have a habit of managing their closet.

Define +

Competitor Analysis

There currently isn’t a product that does exactly the same thing as Stuff does, where it takes the user through a complete cycle of a item’s lifespan.
there is however, resale apps, where is one of the many features within the app, so that is what i did my competitive analysis on.

User Interviews

- I spoke to 3 participant out of the 10 participant
- I ask each participant to walk me though their closet management habit, if there are any. It is during the interview process, patterns became to emerge...
- The key to prevent accumulation is to regularly manage your closet, and there are 4 major aspect to managing their closet and prevent clothes accumulation. Which is to constantly re-sell, returning, maintain and donate.

Personas

In further visualizing the solution, I took the user research from the discovery stage and formulated into 2 types of personas.

Type A- Occasional re-sell app user

Olivia, 34
She is a HR manager at a tech company, she follows fashion trends loosely as she has her own distinctive style and she usually sticks with her favorite brands and boutiques. Her favorites brands are companies who champions eco-friendly messages. She actively tries to manage her closet by occasionally re-sell items she doesn't wear. Tries to stick to the ethos of " one piece in, one piece out."

Quotes
" I never remember to return items that doesn't fit correctly."
" It is so time- consuming to manually enter item information on resell apps, and buyers always ask so many questions."

Type B- Occasional bulk declutterer

Kristen, 35
She in a fashion influencer, she follows fashion trends obsessively. She looks for variety and statement pieces that will stand out in an Instagram post. Her closets are always full and perpetually have a bag of clothe meant for donation.

Quotes
" I have nothing to wear, yet my closet is about to explode." 
" I want to re-list my clothe, but I have SO much of them that I feel very overwhelmed and I don't even know where to start.

Develop +

User Stories

From user interviews, i know it’s very important to routinely and periodically manage your clothes to prevent the clothe accumulation.  So I prioritize user stories that would facilitate that process specifically. Which includes return, maintenance, resale and donate.

Top Priorities

User story 1- " I want to be routinely reminded to return/ exchange my items."
User story 2- " I want to routinely perform maintenance on my items."
User story 3- " I want to routinely re-sell items I don’t wear."
User story 4 - " I want to routinely donate items I don’t wear."

Medium Priorities

User story 4 - I want to buy from brands that has suitable sizing for my body type.
User story 5 - I want to see new outfit suggestions so I don’t only wear 20% of of closet.

Low Priorities

User story 6 - " I want to buy from sustainable, ethical brands."
User story 7 - " I want to be able to donate the proceed from selling to a charity."

User Flows

Given limited time and resource, i wanted to focus on the immediate day to day problems, which is how to help user plan their meals effectively, excitingly, so they can avoid the delivery apps. The tertiary problems like produce, pantry management, and the community building aspect gets put on the back burner.

Site Map

I moved onto creating a site map that would serve as a map of how each user flow would relate to each other on the platform.

Moodboard

- From user research, I know users usually based their behavior on seasons, so that is what I based my inspiration on; spring, summer, fall, winter. I pulled the colors off the board accordingly.
- Moving onto visual identity, for typography, I wanted to choose a font in the humanist tradition, fonts in that family mimics the effect of a hand written calligraphy, which makes gives it that classic and nostalgia vibe.
- They usually have a a high line weight contrast, which tends to make a easy viewing experience even on a smaller screen.

Sketches

Here are the some brainstorming sketches I did for the virtual closet and tagging process.

Virtual Closet Wireframe Progression

Through rapid prototyping and iteration, i constantly performed user interviews and user testing, I did a total of 5 rounds of iteration, there were many changes, some were flow changes, some were UI changes. I won’t talk about all of of the changes, but i am going to talk about 2 important screens; virtual closet and the tagging system.


- Earlier wireframe iteration contain details like date purchased, brand names, timelines from item purchased, item received and amount of wear.
- Through user click test, I found out that users don’t necessarily care about all the item details if their end goal if to simply tag an item for maintenance, resell or donate.
- As the visuals gets nail down and I gradually developed the mood board, the layouts were changed to reflect a minimal and simplistic aesthetic.
- User feedback- one user reflected she would want to immediately see which items are still within return window.
- For the final version, I had change the status icon from circles to squares. Circle read as radio buttons ( single choice ) vs Checkboxes indicate to multiple choice is available and it also serve as filters.

Tagging System Wireframe Progression

- Earlier wireframe iteration only contain a written description of the items user is donating, through user click tests, user reflected that she would want to see which items she is donating.
- As the project approach final stages, the visuals identity were implemented as background images and colors.
- So a previous feedback from the virtual closet was user don’t need to see production information details when they are tagging, however, they would want to this information eventually, so I had move the information here.
- icons in navigation bars were also simplified and placed on grey background, active state would turn to the primary green color .
- Drop down menu selection were taken out, because it was somewhat redundant as the text underneath the radio buttons above. They were changed to a simple and elegant color system that correspond to the color key square as above. 

Deliver +

Feedback Capture Grid

- I did 5 rounds of rapid prototypes, I used this feedback capture grid to capture all the user feedback. Most of the criticism were addressed in the last 2 slides, where I spoke about the wireframe revolutions.
- One of the most important takeaway from this is multiple users had asked me how would an item enter into the virtual closet, I had plan to address in the next iteration, but because so many people asked, it pushed me to brainstorming this a bit further.
- The dream product would come with in tandem with a web browser plug in, similar to how Pinterest works. It would work in tandem with the app. Anytime the user purchase an item on a browser, a pop up window would ask user if they would like it to be added to the virtual closet. Then the user can choose to tag the item through the browser or the app.

Usability Poll

I conducted google polling survey, with participant of 8 participants. On a scale of 1-5, 1 being the lowest, 5 being the highest. I asked them to rate this app on a series on criteria like “ how easy was to perform maintenance” and perhaps the most important question of them all is “ how likely are you to use this app to manage your closet". The answer were all 4 and above.

Next Steps +

Fashion Forward
• Daily outfit generator based on weather.
• Suggest other user’s closet based on style and body measurement.

Incentivize
• Point system accruement, users can earn“ points” the more they perform any of the tasks.
• Allowing the earning from selling clothe to be available for donation to charity of choice.

Further Simplify Re-selling
• Implement virtual measuring tape for the re-selling process.

View Prototype

home page