Tailor Trade

This was a self-initiated project based on one of my passions - sustainable fashion. I wanted to created a product that allowed people to manage their existing wardrobe, trade pre-owned clothes and purchase second hand clothes. The purpose of this app is to make recycling and buying second hand clothes easier for the common purpose, resulting in better and more sustainable fashion practise

Project Details
  • Type: Passion Project (Self-Initiated)
  • Timeline: Approx 4 Months
  • Year: Completed Dec 2018
Skills
  • Exploratory Research, Customer Journey Mapping, User Flows, Wireframing, UI Design

Research & Analysis

Competitor Analysis

I first began by looking into the current products offered online. There are multiple different types of platforms out there, so I signed up to each to gain an understanding of how they all work and differ to each other. I was then able to understand each platforms unique value proposition as well as positives and negatives.

Comparative Analysis

In order to make more sense of the findings generated from above, I decided to arrange all this information into a comparative analysis. This allowed me to see overlaps between different companies, however the main takeaway from this was whether each company was business or user centric - the amount of responsibility placed on the user will affect the experience

Personas

In order to identify user needs and pain points when using online second hand shop platforms, I began to speak and interview a diverse range of friends, family and work colleagues. I found there were different pain points depending on if you were a buyer or seller.

From interviewing several people, I was able to discover 3 main personas: The Seller, The Buyer and the Fast Fashion Fiend.

KEY LEARNING

You can’t ask people to change their habits, however you can look at what makes an existing habit so convenient and hard to break. Then you can adapt these conveniences to a new product, thus enticing a user based on their own familiar habits. EG: Allison might try shopping second hand, if the range is curated, the clothing is cheap and ships quickly, as it meets all her requirements from Fast Fashion.

Customer Journey Map

I decided to create a Customer Journey map to match pain points to particular parts of the journey. I wanted to be able to see when people experienced these pain points and where they would drop off from the entire experience. In order to understand the two different personas (Buyer and Seller), I created the following customer Journey Map.

Pain Points

From the personas and customer journey map, I decided to map out the pain points using an affinity map. Through this process, I was able to categorise the pain points into three main areas
1.Selling an item
2. Finding an item
3. Buying an item

The Solution

From here, I decided to create a new user flow for the Seller. The aim of this was to not to only make the process easier for the seller but to also eliminate a lot of the pain points and responsibility the seller has when using other online second hand sales platforms.

This User Flow was important as it was the first step to developing wireframes as well as the first user test.

Like usual, my initial wireframes began by sketches on paper based on the initial website layout. These sketches were the foundation to creating a basic wireframe that I could put in front of people.

I initially based my idea on an existing company, mapping out new functionality to an existing experience. This ensured that I remained focus on the key idea.

I wanted to create a solution which would put the responsibility back on the initial vendor that sold the new item. I wanted a solution that would take most of the responsibility away from a seller (having to upload, take photos and manage the listing) as well as instil trust into a potential buyer.

This is when I began to explore the idea of ‘Tailor’ — a curated business centric second hand selling platform. We all buy things that we regret down the track, imagine if you could send it back for a partial refund. Even a small amount would be better then having the item just sit in our closet unused.

Wireframes: Round 1

I initially tested my idea based on an exisiting shopping experience I loved.  I did this because I wanted to focus on existing similarities and habits in the current experience that I could build upon. I also found that building on an existing experience saved time and allowed me test my idea without getting caught up on other ideas.

WF01: User lands on home screen
WF02: User logins and can select 'My Closet' under the account section
WF03: 'My Closet' will display all previously purchased items. Items eligible for Trade will be marked. (Undergarments, basics and bathers will not be eligible)
WF04: User can select the 'i' icon for a brief summary of how to trade garments. This will also link them to a more detailed landing page
WF05: When a user agrees to trade an item, a pop up will appear informing them of the trade and asking them to confirm
WF06: Once a client has confirmed a trade, they will be prompted with instructions to send garment to HQ and print the postage paid label

I tested this with 5 different users through with a linked Invision prototype. This was helpful as I was able to get feedback about the functionality/process very quickly without having to spend too much time designing the screens. From here, I was able to note the following pitfalls.

- How could users trade more then one item?
- Users did not know have enough information to proceed with trade
- Users did not understand that the UI behaviour for the Trade icon.
- They were unsure of what was valid or invalid.
- Users did not feel the ‘Pop Up’ was a great experience

KEY LEARNING

Always try to get something in front of a users eyes as soon as possible, even if the design is in early stages or just a wireframe. It can help with the process and identify major pain points.

Wireframes: Round 2

WF01: The ‘Trade’ icon is changed and the interaction follows a similar behaviour of what is already on the site
WF02: Users have a ‘Trade Cart’, similar to a shopping cart experience
WF03: Users are taken to a similar experience to shopping however is branded in a slightly different colour. Details of the trade are displayed on the right
WF04: Trade is being processed
WF05: Trade has been processed, a user is able to print postage paid label from here

From these designs, I was able to gain more clarity on what could potentially work and be more effective.

Brand: Users were less confused when there was a sub-branding associated with the Trade (Pink/Peach shade used for the background)

Process & Experience: Users felt as though this process (without the pop-ups) was more trusted and suited to the original branding of the website.

User Interface/Interactions: Users felt more comfortable when even similar interactions (such as the hover states) were similar to other parts of the website.

Landing Page

From the User Tests, I was able to identify that people wanted to see a landing page that explained how the whole Trading process worked.

I began wire-framing different variations of the Landing page. This will display the unique attributes of the company that makes it different from other online second hand selling platforms.  The user test was helpful as it provided answers the users wanted to know about the program, thus it allowed me to design and consider content that needed to be created.

Project Direction

Through several rounds of User Testing, I received lots of different feedback which made me consider all the different parts of the experience. Like all case studies, I began to identify other opportunities.  However, I then chose to focus on four specific parts of the case study.

Brand

The brand will need to feel luxurious and follow the quality and experience of buying clothes new online.

Discover

What ways will people be able to find clothes and items they love and want. How do you provide consumers with a curated selection in a saturated market?

Trade

How do users sell/trade back their current clothes? How do you make this an easy experience that a user wants to keep Trading items?

Experience

How can this be easy to use and understand? How can we educate people on the process and make this intuitive to participate in?

Disclaimer: Because no one likes an unsolicited redesign (and I didn't want to get sued), I came up with a fake brand for the purpose of this experiment, however the findings and experience could be applied to an existing brand or company.

User Interface Design

Onboarding

Registration

Manage and Trade

Buy

Final Thoughts

Case studies like such always prove to show new opportunities and potential directions that a product could take. Its always very tempting to do more, especially because sustainable fashion is a passion of mine.

1. Wardrobe Management System - use AI to determine individual fashion trends and potential items people can buy.  Also allow a user to assemble outfits and suggest new items to add to wardrobe. Sell ‘celebrity’ or ‘stylised’ wardobes. EG: Five Piece French Wardrobe. Also, collate a colour palette, style and finance section to help people manage their wardrobe

2.More detailed preference system - a way to add new brands to preferences, add notifications for when a specific item of clothing comes on to the market.