Finding the right size when shopping online can feel like a guessing game—inconsistent sizing and the lack of physical try-ons leave many shoppers frustrated and hesitant. Therefore, as a frequent online shopper, I developed a simple and reliable solution to make online shopping as seamless as stepping into a fitting room.
Team
Solo Project
Tool
Figma
Topic
E-commerce
Timeline
Aug. 2021 – Jan. 2022 (strict 5-month timeline)
My Contribution
Market Analysis
I conducted a thorough market analysis, which involved examining existing platforms to understand how users currently measure fit and make sizing decisions.
Journey Mapping
I crafted a detailed customer journey map to analyze how users navigate the online shopping experience, particularly focusing on size and fit.
UX/UI Design
I designed both mobile and desktop shopping interfaces, introducing the fitting profile, tailored fit style preferences, and direct size comparisons features.
Challenges
Shopping for clothes online can often feel like a gamble when it comes to finding the right size.
From my personal experience, identifying the perfect fit is not only frustrating but also time-consuming, with sizing inconsistencies and a lack of reliable guidance adding to the problem.
Through reviewing existing shopping apps, reflecting on my struggles, and gathering feedback through surveys, I identified three key issues that make online sizing difficult:
01
Limited Measurement Guidance
Many apps list only product measurements without providing clear instructions on how to measure oneself or compare sizes effectively.
02
Untrustworthy Sizing Recommendations
Some platforms rely solely on asking for sizes from other brands, which feels unreliable since sizing inconsistencies often exist even within the same brand.
03
Inconvenient Repeated Measurements
Without a centralized system to store measurements, users like me have to re-measure themselves and manually compare sizes every time they shop.
Design Outcome
With a one-time fitting profile, personalized fit style preferences, and direct size comparisons, the app ensures every purchase feels tailor-made for users.
Highlight 1: One-Time Fitting Profile with Guided Measurement
Users can accurately save their body measurements, such as chest, hips, and shoulders, by following simple, step-by-step guidance. The app provides clear instructions to help users measure correctly and avoid common mistakes.
Highlight 2: Tailored Fit Preferences for Multiple Profiles
On the product page, users can select their preferred fit style—whether it’s tight, just right, or loose—allowing the system to recommend the ideal size tailored to their comfort. Additionally, the app supports creating multiple profiles, making it easy to shop for family members or partners without the need for remeasuring.
Highlight 3: Direct Size Comparison for Confident Decisions
Unlike most apps that only list sizing details, this feature directly compares product measurements to your saved fitting profile. By visualizing how the item aligns with your unique dimensions, the app minimizes the guesswork and reduces the gulf of evaluation.
Ideation
Customer Journey Mapping
In order to find out the current problems of online fitting, I crafted a customer journey map and figured out the
Low-fi Wireframe
I built the low-fi wireframe for two critical user flow creating fitting profiles and using fitting profiles during shopping.
Design
Designed for both mobile and desktop shopping experiences.
Reflection
Measure the effectiveness of the online fitting design idea.
Success Metrics
User Satisfaction Score
Measure how satisfied users are with the sizing and fitting features through surveys.
Return Rate Due to Sizing
Monitor the percentage of returns due to incorrect sizing before and after.
Task Success Rate
Measure how successfully users complete tasks like creating a fitting profile.
Customer Support for Sizing
Measure whether there’s a drop in sizing-related inquiries in customer support center.
Profile Creation Rate
Monitor the percentage of users who complete the one-time fitting profile setup.
Usage of Fitting Profile
Measure how often users rely on their fitting profile for subsequent purchases.
Key Takeaways
Designing Within Technological Constraints
I learned that as designers, it’s essential to work within current technological limitations while still striving to create impactful user experiences. Although 3D try-on technology isn’t yet advanced enough to fit various clothes to individual body shapes in real time, I realized that leveraging existing, tangible solutions—like guided body measurements and reusable fitting profiles—can still significantly improve the user experience. This project taught me to be resourceful and innovative, finding practical ways to bridge the gap between user needs and what’s technically feasible.
The Importance of Trust in Design
I realized that trust is a critical element in digital experiences, especially in contexts like sizing where users rely on the app for accurate recommendations. Incorporating features such as reusable fitting profiles and direct size comparisons helped build this trust by reducing uncertainty and empowering users to make confident decisions. This takeaway will guide me in future projects where reliability is key to user satisfaction.
POPO
A family-centered solution to develop long-term healthy personal device use habits for families with tweens.
See case study
C / C
