FITME
Figma
Miro
Google Forms
9 months
(March-November 2024)
My Role
Duration
Tools
Information Architecture
Wireframes
Prototype
Usablity Tests
User Research
Competitive Analysis
User Interviews
Empathy Map
Persona
Sketch
Visual Design
User Flow
Process
Overview
FITME is a fashion app that helps users find their ideal size through personalized recommendations and virtual try-ons. It simplifies online shopping and reduces returns.
Problem
Online shoppers struggle with inconsistent sizing and lack of try-on options, leading to frustration and returns.
Solution
FITME offers size recommendations and virtual try-ons with customizable avatars, making shopping easier and more accurate.
User Research
Pain Points from User Interviews
Users rely on descriptions and reviews to make purchase decisions.
1.
Inconsistent sizing makes it hard to choose the right fit.
2.
Lack of product info makes decision-making difficult.
3.
Competitive Analysis
I analyzed key fashion platforms to identify strengths and gaps in size recommendation and virtual try-on features
Empathy Map
Through empathy mapping, I identified users' main frustrations with online clothes shopping, confusing sizing and the inability to try items before purchase.
Key feature comparison of leading fashion platforms
Persona
I crafted personas to capture two key user groups: a student who needs quick, confident sizing, and Mia, a professional who values accuracy and reliable product details. Their goals and frustrations guided my design decisions.
User Flow
I mapped out key user flows to illustrate how users engage with FITME’s features—size recommendation and virtual try-on—for a tailored shopping experience.
Key user flows for size recommendation
Key user flows for virtul try-on
Sketch
These sketches explore how users would navigate FITME’s essential functions: browsing items, receiving accurate size recommendations, experimenting with virtual try-on, and personalizing their avatar.
Early sketches of FITME’s search, sizing, try-on, and avatar screens
Wireframes
Mid-Fidelity
After analyzing low-fidelity sketches, I created mid-fidelity wireframes to clarify layout, structure, and interactions for key features, including size recommendation and virtual try-on.
Mid-fidelity wireframes showcasing the key features
High-Fidelity
I created high-fidelity designs of FITME’s key screens, featuring personalized size recommendations and an interactive virtual try-on that transform online shopping.
High-fidelity prototypes highlighting the user experience
Style Guide
Usability Test: 1
I conducted usability tests with five participants, giving each person three tasks to complete.
Task
Use the virtual try-on feature to see how the item might look on you
1.
Add an item to your favorites, and complete the checkout process
2.
Use the app’s size recommendation feature to find your best fit
3.
Key Ingsights
Users struggled to find the right fit due to unclear size recommendations, highlighting a key gap in our guidance.
80% of users wanted to see a visual confirmation or notification after adding items.
40% of users skipped the steps to complete the body measurements.
Revision
Guided by usability testing and user feedback, I made several key updates to improve clarity and navigation.
Home
Size Recommendation
Clarity
Confirmation
After updating the buttons, I added a confirmation overlay with a checkmark and message, so users immediately see when an item is added to their bag or favorites.
Virtual Try-On Feature
Users can quickly start with a default avatar, create a custom one, or use an existing avatar. They can personalize avatars manually or by uploading a photo for a more realistic look.
Usability Test: 2
Outcomes
Confirmation screens reassured users when items were added, reducing confusion.
Body measurement completion improved from 40% to 80% after revisions.
Users clearly understood size recommendations after revisions.
Interactive Prototype
Explore the user journey, featuring sign-up, personalized size recommendations, and virtual try-on.
Reflection
Designing FITME allowed me to address real user frustrations around sizing and create a more personalized, confident shopping experience. This project strengthened my skills in user-centered design, and I look forward to refining the experience through broader testing and continued focus on accessibility.