Tailored
Product Design, Fashion, Mobile, B2C
Introduction
Overview
Tailored is a mobile application designed to connect people through the outfits we wear.
Our goal was to fight fast fashion by encouraging the reuse of clothing items while sharing what you are wearing.
My Role
While working in a team of 3 people, I personally:
Interviewed potential users to understand needs and use cases.
Brainstormed product functionality and interactions.
Designed UI user flows for each branch of the application.
Timeline
6 months
research
Target Users
Our target demographic for the app is young adults and teens who care about what they wear. They not only want to show off their style but also save their outfits to remember them. They are often on social media and most likely have a large wardrobe.
Problem
When interviewing individuals from our target user base, we identified a key desire that people have for sharing clothes. Fashion has always been an very large industry and is often people's main way to express themselves on a daily basis. When away from friends or when simply wearing a great outfit they still want to be able to share the outfits they are wearing.
The Business
The need that people have to share their outfits has lead them to attempting to create their own solutions, while none are perfect, we can get insights into how we might attract users and develop our platform.
By creating a platform that could easily allow users to create, share and even sell clothes they no longer want, we can create a place where users will log on and engage every day.
Inspiration
I was inspired by the way that outfits on social media can currently be shared beyond just a selfie. I wanted to craft the look and style in which outfits were shared on Tailored to imitate this existing pattern.
Focus Areas
From the insights we gathered through the user feedback we determined three key areas to focus on:
One of my focuses was creating a homey feel for the application to reflect the classic wardrobe. I wanted users to feel at ease navigating the app and like it was a natural expansion of their wardrobe onto their phone.
Users need to the ability to organize their clothes as much or as little as they want. Giving them simple options to reduce friction while allowing them access what they need with ease.
Hypothesis
By creating an interactive way to create and share daily outfits that allows users to utilize their entire wardrobe or advertise and sell the items they no longer need, we could connect people together while reducing the amount of new clothing items purchased.
Final Design Preview
Design Iterations
I went through two initial rounds of user testing by having a handful of people run through a basic figma prototype of the application. This allowed me to gather great feedback on the usability and flow of the different sections and greatly improve their functionality.
Defining Structure
Iteration 1
Iteration 2
Final Design
Originally the outfits users created could be organized into categories and the central idea was that users would be planning and saving outfits for the future. Through feedback we received, we found that users were more interested in the social aspect of sharing their outfits so we pushed the focus in that direction. In the final design, a user's profile grouped where they could see their fits as well as browse their wardrobe.
Original sidebar design
New Navigation
I switched from the original side bar navigation to a bottom bar when simplifying the main sections of the app to improve reachability and ease of access.
Outfit Creation
Iteration 1
Iteration 2
Iteration 3
When first designing the Today Page, the daily outfit was directly incorporated and editable from that main page. Users felt that this home page was very cluttered and distracted from the social component of viewing other people's fits. I decided to make it a separate page that you could easily pop into from the main page. In the second round of testing, users liked the separation and having a separate area to edit the outfit but with it being a whole separate page, now felt like it could include more features. I removed the tags to focus on the visual aspect of the clothes and arranged the clothes similarly to how they would be published on the home feed, while adding suggestions and the user's full wardrobe directly underneath to reduce the friction required to add clothes.
Final Design
In the final design, the layout took on a slightly more playful look with the rotated elements to feel more natural. We added in the ability to upload a selfie along with your created outfit to show how it looked on you and we refined the bottom sheet to provide better suggestions.
Suggestions
Version 1
Version 2
Final Design
When implementing suggestions for both outfits as well as individual items we used a bottom sheet that was always easily accessible. In the final version, drafts and full outfits would appear at the top but then automatically be minimized after starting to add items. Below them, rows of different suggested items would appear and adapt as the user creates their outfit with small indicators in the top right of each to show the origin of the suggestion.
By providing users with useful info like the weather and suggesting outfits as well as singular items to start from or to add, users can easily create and save fantastic outfits. The suggestions adapt as the user creates their outfits and clicking on added items provides insights into the choice and alternatives they could us as well.
Design Overview
Wardrobe
One of my goals was to make sure it was easy for users to add their clothes to the app. They simply take a photo of the item on the floor and the app automatically removes the background. It detects key attributes like the category and color, which users can then add to.
Users can browse through their clothes from their profile page. The items are sorted by category and when they click on a certain item they can see outfits it has been used in.
Outfits
Here is an example of the empty state at the start of the day and then what it would look like once a user publishes an outfit for the day, with the items they are wearing alongside an optional selfie or mirror pick of themselves.
The entire application revolves around creating outfits. This is an example flow of a user adding items from their wardrobe to create an outfit.
When a user uploads a photo of their outfit the app automatically detects which items they are wearing and suggests them to add. They can then modify the suggestions if needed.
Social Engagement
The app is centered around people's daily outfits. Each day users would return to the app to craft a new outfit and share it with their friends. Users can see and engage with all the fits that their friends have published, flipping between the selfies and layouts of the clothes while discovering clothes they like and getting inspiration for their own outfits.