Rethread Mobile App

Overview

Problem: Today, fashion has an emphasis on ​convenience which leads to a fast-fashion ​culture. People believe in staying trendy and ​frequent purchases from certain brands. They ​also have limited information on sustainable ​fashion.

Solution: Rethread is a platform to educate ​fashion sustainability, promote different styles ​over trendiness, prevent specific brand ​attachment through education and support ​thrifting.

My role: Product designer

Organization: Tech Start

Team: Cross-functional

Tools: Figma, FigJam

Timeline: Oct 2023 - April 2024

Responsibility

I designed user-friendly and sustainable ​solutions for the fashion industry at TechStart. ​My design promotes sustainable clothing ​rather than trendy ones by connecting users to ​sustainable brands and offering additional ​discounts.

User research: Survey, Interviews, Storyboard.

Secondary research: Affinity maps, Empathy ​maps, HMW solutions, User journey

Wireframing: Paper and digital

Prototyping: Low to high fidelity

Usability testing: Tested aspects, user ​scenarios

Us​er research

Gathering information

The purpose of this research was to gather information ​on the consumers’ habits of clothing and understand the ​general interest in environmentally friendly clothing.


Questions we want answers to from the quantitative data:

  • What percentage of men and women care about environmentally friendly clothing?
  • Which age range cares the most about fashion sustainability?
  • Who spends the most on clothes?
  • Who cares the most on price, quality and distance of shop location?

Competitive analysis

This chart shows important factors for users when shopping for clothes in-person.


The analysis indicates:

  • The quality of the material is a very important factor for almost all users.
  • more than 80 percent of users like to have discount opportunities.
  • For around 50 percent of users, store distance is significant to go shopping.

This chart visualizes the importance of environmentally friendly clothing to users. As ​shown, more than 40 percent of end-users care about it and around 30 percent of ​them can be encouraged to support sustainability. It’s on us to attract such users to ​our application!

Secondary research​

Affinity map

After gathering information from users through interviews and surveys, I categorized them into four main ​sections to understand pain points.

Material

External ​Encouragement

Price

Kn​owledge

Empathy map

According to user’s feelings, thoughts and their needs, I provided solutions.

Highlighted solutions


  • Provide educational sources about common misconceptions and easy-to-understand tips for ​sustainability
  • Provide users with a chance to track their habits of consumption using the composition of fiber
  • Provide users with an interface to see and shop sustainable clothing in a way that better suits consumption ​habits
  • Display clothing that is thrifted easily to consumers in viewable ways (Third-party purchasing and we will ​not store inventory)
  • Provide users with discounts for brands that are sustainable
  • Show near stores to user’s location

User journey map

Awareness

Consideration

Decision

Service

Loyalty

Customer

Actions

View online ad, See​ social media​ campaign, Hear about​ from friends​

Research on ​competitors' offerings ​an​d features

Join ReThread; Gather​ points based on app’s​ rules​

Receive discounts based ​on #points; Go shopping ​from sustainable brands; ​Scan the tags to gather ​points

Keep using and staying in ​the loop of sustainable ​shopping ; share ​experience with friends

Touchpoints

Traditional media, ​Social media, Word of ​mouth

Social media, Website

Phone, M​obile app

Phone, Mobile app, ​Brands

Word of mouth, Phone, ​Review sites​

Customer Experience

Positive

Negative

Upset Face Emoji Icon

interested, hesitant

frustrated

Angry Face Emoticon
Smiling Face Emoji Icon

curious, excited

Smiley Face Emoticon

excited

Smiling Face with Heart Eyes Emoji Icon

satisfied, happy

Pain Points

Lack of knowledge for ​sustainable fashion to ​trust brands

Change of habits; Ne​w brand​s

Change of decision in ​us​ing points

Difficulties in shopping​ in-person in terms of​ time and distance​

Distracted from ​sustainable because of ​th​e society trends

Solutions

Increase awareness

Increase sustainability ​instead of fast fashion;​ Generate unique f​eatures

Re​generate points

Increase customer ​service satisfaction by ​using discounts on the ​br​ands’ websites

Increase conversion ​rate by digital ​marketing, app reviews ​and sa​les

Goal and Key Features

Design a mobile interface to connect users to sustainable brands and offer ​discounts based on their habits

Education

Provide related articles and introduce sustainable brands

Discounts

Offer additional discounts for users who collect points

Locations

Display the closest locations on the map considering user goals and habits

Habit Tracker

Ask questions to collect data from the user when they first use the application

Tag Tracker

Scan the purchased clothes tags and give points to the user - Points can be seen in the user profile

Wi​reframing

Sustainable brands introduction at the beginning of the ​Home page with a link to the external website and brand ​reviews.

Sustainable articles on the Home page as an education ​method about common misconceptions, relevant ​information, and fashion style choices that align with the ​onboarding process

The user have the chance of using discounts through ​the application based on the gathered points.

Closest locations to the user that ​sell clothes within the specific ​bracket and interests that they ​expressed during onboarding

Answer key questions on the onboarding process to track habits as a consumer and ​their goals for their consumption. Necessary information is gathered in this section to ​categorize related data for each consumer based on their habits and needs.

Tag tracker uses computer vision ​to analyze various important ​fabric properties on the tag.

The user gets ‘points’ for better ​natural fibers of decisions ​aligned with their onboarding ​goals. Points can be redeemed at ​the specific stores at the tier ​defined in the onboarding.

Pr​ototyping

Zigzag Down Arrow

After usability testing, ​I understood a ​vertical frame for the ​category section is ​more readable.

I introduce sustainable brands in ​a collection of their names, their ​motos, and an available button ​to find out more details about ​them.

Education

Check points and ​promotions in the ​profile page. Users ​have an option to ​delete a promotion ​and get points back.

Highlights of ReThread ​includes news and ​articles of ​sustainability.

Discounts

Any category has a related image at the beginning ​of the page and a filter menu. All deals related to ​such a category are listed with the original and ​discounted prices, the points needed, and a button ​to redeem points.

Depending on the users’ account and the number of ​points they earned, the button becomes enabled or ​disabled.

Locations

Tag Tracker

Map has dropdown menus and visual representation of ​the locations. When the user clicks on a location on the ​map, a popup screen appears to give summarized ​information of the store.

Users can filter the stores based on the distances to ​their location.

Habit Tracker

Onboarding questions after signing up to ​track users’ habits and goals.

Users can scan their clothes tags and earn points based ​on the quality of what they purchased and how close ​their purchase was to their habits and goals based on ​the onboarding answers).

Usabil​ity testing

Tested aspects

1. Home page/ Education

  • Is the home page attractive and exhaustive to users?
  • Do they become familiar with the brands we introduced?
  • Can they find articles/news and find them useful to read?
  • Are the toolbar icons easy to understand? (The toolbar includes four icons without any text.)
  • Are category sections easy to find?
  • Is it clear what ‘points’ are in the discount section?


2. Discounts page – shoe category (redeem points)

  • Can users find the shoe section and discounts related to this category?
  • Is it clear why some buttons are in dark color, and some are light, and what their functionality is? ​(dark is for enabled and light is for disabled buttons)


3. Profile page/ points and promotions

  • Can users guess where points are kept in the app?
  • Are they able to change points?


4. Map

  • Is it easy for them to find stores they wish to purchase from?
  • How is the navigation between map (visual) and dropdown menus (text)?


5. Tag (earn points)

  • Can users understand the tag scanning method to receive points?
  • Are they able to check their points after scanning?


User scenarios

  • Scroll in home page and tell me what you think about this application? Can you tell what this is ​for?
    • Hypothesis: users understand this is a fashion application based on the images, and they ​should figure out it is for sustainable fashion particularly based on collections at the beginning.
  • Find shoe discounts only and try to redeem your points on them. If you don’t have enough points, ​try to find a way to earn more.
    • Hypothesis: users should be able to see the categories on the home page and click on them. ​They see buttons claiming on redeeming points. Then they may go to the profile to delete any ​promotion or go to the tag scan page to scan again.
  • Find points/ promotions in your account.
    • Hypothesis: users should go to profile page from the toolbar; this is a universal design ​standard.
  • Find ‘Kotn’ stores that are 1 kilometer away from you.
    • Hypothesis: users can go to the map on the toolbar and play with the dropdown menus.
  • Consider you have a tag to scan. Scan it and see what happens.
    • Hypothesis: it should be easy to find where tag scanning is. They click on the button and read ​the information.

Reflection

As the UX/UI designer of this project, I worked closely with a team of 9, including the project manager, developers, ​and business strategists. My role involved user research and the whole design process which consists of user ​journey mapping, wireframing, and prototyping in Figma and conducting usability testing to validate our design ​decisions. Considering problem statements and HMW questions, I designed the application to deliver both ​sustainable business goals and customer requirements.


I learned a lot in this team and faced some challenges. But I know we can’t grow without difficulties! :)