Switch To Dev Portfolio
× Home About Resume

Overview: Reducing uncertainty in online fashion sizing

Shopping for clothes online should feel effortless, yet sizing uncertainty remains the biggest barrier. Nearly half of apparel returns are caused by poor fit, which costs brands money and erodes customer trust. At Lumeve, we set out to solve this problem.

Lumeve is a digital sizing assistant that gives shoppers confidence in choosing the right size, reduces return rates, and helps brands strengthen their relationships with customers. This case study highlights the end-to-end process: from research and insights to wireframes and prototypes. Each design decision focuses on addressing the root challenge of sizing accuracy, not just surface-level fixes, with the goal of creating a shopping experience that is both reliable and rewarding.

Lumeve UX Case Study Preview

  • Project Type: Solo project, guided by instructor feedback

  • Duration: 12 weeks, April to July 2025

  • Role: UX/UI Designer (end-to-end process)

  • Platform: Mobile and Web, iOS

  • Focus: Sizing, inclusivity, trust

  • Tools: Figma, Miro, Canva, FigJam, Photoshop, HTML/CSS

Discovery

What’s The Problem?

Why Online Sizing Fails

Online apparel sizing is a measurable problem. Nearly 45% of apparel returns are due to fit issues, costing retailers billions each year and weakening customer trust.

For shoppers, every brand feels different. The result is hesitation at checkout: “Should I order a small or a medium?” “Will this brand run tight?” This uncertainty frustrates shoppers, discourages them from exploring new brands, and drives unnecessary returns.

In interviews, participants called returns exhausting and frustrating, and they often avoided unfamiliar brands entirely because of sizing risk. This human cost sits behind the metrics. It is the reason Lumeve focuses on confidence at the moment of choice.

“I avoid new brands entirely, returns are just too much of a headache.” Interview participant

Assumptions & Hypotheses

Before conducting research, I captured the assumptions I held about online sizing challenges. These assumptions shaped the hypotheses that guided my design and testing.

Assumptions

  • 1-Shoppers primarily abandon carts because of uncertainty about size.
  • 2-Brand size charts are confusing, inconsistent, and often ignored.
  • 3-Fit guidance tools are generic, not personalized, and fail to build trust.
  • 4-Returns are accepted as “part of online shopping,” even though they are costly and frustrating.

Hypotheses

  • 1-H1: If sizing guidance is personalized and visible at the decision point, shoppers will feel more confident at checkout.
  • 2-H2: If size recommendations are explained transparently (“why this size”), shoppers will be more likely to trust the guidance.
  • 3-H3: If brand comparisons are provided, shoppers will try new retailers rather than sticking only to familiar brands.

How Might We

How Might We help shoppers feel confident choosing a size at the moment of checkout, so they can try new brands without hesitation and retailers see fewer size-related returns?

Final result: clear, inclusive sizing guidance that builds shopper trust and reduces returns.

Quantitative Research

These findings shaped three priorities: a lightweight Fit Profile, clear brand to brand comparisons, and transparent size recommendations that appear at the decision point.

100% reported inconsistent sizing

Every participant in our interviews mentioned size inconsistency across brands. This creates uncertainty, discourages trying new retailers, and fuels returns.

100%
65%

65% hesitate to buy from new brands

Without reliable sizing information, shoppers avoid exploring unfamiliar brands, limiting discovery and reducing growth opportunities for retailers.

40% abandon carts due to sizing doubts

Many shoppers leave items unpurchased when unsure if a size will fit. This hesitation translates into lost sales and frustration.

40%

Design

“I love the convenience of online shopping, but inconsistent sizing makes it a gamble. I want to try new brands with confidence.”

User Persona: Nazanin Vahab

Bio

Nazanin is a 26-year-old university student in Vancouver who shops online for convenience and variety. She loves browsing fashion on her phone during study breaks, but uncertainty around fit makes the experience stressful. She values her time and budget, and wants guidance she can trust so she can explore new brands without the hassle of returns.

Goals

  • Feel confident choosing the right size the first time
  • Shop quickly and comfortably on mobile
  • Reduce the risk and hassle of returns
  • Explore new brands and styles without worry

Frustrations

  • Sizing varies unpredictably across brands
  • Size charts are generic and unreliable
  • Returns waste time and money
  • Constant doubt between two sizes at checkout

Behaviors

  • Relies on reviews to judge fit
  • Sometimes orders two sizes and returns one
  • Shops mainly on mobile while multitasking
  • Avoids unfamiliar brands due to risk
  • Feels anxious when she cannot trust the size info

Empathy Map

Desire for certainty and ease

  • “Does this brand even fit me?”
  • “Should I order a small or a medium?”
  • “I hope I picked the right size.”
  • “At least I can return it if it doesn’t work.”
  • Scrolls Instagram and brand sites for fashion ideas
  • Reads reviews and compares size charts
  • Checks return policies before adding to cart
  • Double-checks details before checkout
  • Orders two sizes when unsure, then returns one
  • Excited at first, but cautious
  • Frustrated by inconsistent sizing
  • Anxious about wasting time and money
  • Relieved when something fits well
  • Disappointed when items need to be returned
  • “Sizing is unpredictable across brands.”
  • “Returns take too much time and energy.”
  • “I want to feel confident at checkout without guessing.”

Effortless Path to the Right Fit

The flow mirrors real shopping behavior to build confidence at every step. From a light Fit Profile to clear size recommendations on the product page, each moment is designed to reduce hesitation and increase trust.

Key stages: Onboarding → Create Fit Profile → PDP size guidance → Brand comparison → Confident checkout.

Solution Overview

I designed Lumeve, a sizing assistant that reduces hesitation and returns by making fit guidance clear, personal, and visible at the exact moment of choice. It combines a quick Fit Profile, brand comparisons, and inline recommendations shown at the size picker.

  • 👤
    Fit Profile: three quick steps tuned to the shopper.
  • 📍
    Inline Guidance: a size callout placed at the picker.
  • ✔️
    Why This Size: one short reason that builds trust.
  • 🔄
    Brand Comparison: familiar fits across labels.

Outcome: a guided path from Fit Profile to checkout that increases confidence and reduces size-related returns.

  • Welcome screen
  • Create account screen
  • Log in screen
  • HomePage
  • Details
  • Favourite

Wireframe Preview

High level wireframe preview
VIEW FIGMA
Expanded wireframe view

Validation

Lumeve User Testing

Two remote rounds with five participants focused on clarity, guidance, and confidence at size selection. Round one exposed navigation gaps and unclear labels. Round two confirmed that reflowing the Fit Profile, clarifying onboarding, fixing dropdown placement, and scaling icons improved task completion and confidence.

Round One

Search clarity, homepage guidance, required labels

Before Round One, screens before changes
After Round One, screens after changes

Key findings

  • Users overlooked the search bar, the placeholder felt vague.
  • Homepage lacked a clear starting point.
  • Required field indicators and gender labels were unclear.
  • Participants wanted default size formats and quick measurement help.

What changed

  • Added a visible search label and clearer placeholder.
  • Introduced a “Start with your size profile” entry point.
  • Made required status explicit and clarified gender labels.
  • Standardized units and default size formats.

Outcome: Search became discoverable and the Fit Profile entry point was clearer, improving first time navigation.

Design System

Typography and Voice

Blending Heritage with Modern Elegance

Lumeve’s design system blends typography and color to create a voice that is both modern and timeless. EB Garamond brings elegance and heritage, and IBM Plex Sans adds clarity and accessibility. The brand voice is elegant and intentional, quietly confident and culturally rooted, so the interface feels warm, clear, and credible.

EB Garamond sample

EB Garamond

Regular, Medium, SemiBold, Bold

IBM Plex Sans sample

IBM Plex Sans

Regular, Medium, SemiBold, Bold

Color Palette and Emotion

Charcoal#2C2C2C
Off White#F9F8F6
Saffron Gold#F2B134
Saffron 400#F7D085
Isfahan Blue#165C7D
Isfahan 400#6F9AAE
Isfahan 100#DCE7EC
Qajar Red#B0332A
Sage Mist#AEB7AD
Gray#E0E0E0

Bringing It All Together

Final Designs

A quick look at key screens

Autoplay running, press Pause to scroll

  • Screen 1
  • Screen 3
  • Screen 4
  • Screen 6
  • Screen 7
  • Screen 8
  • Screen 11
  • Screen 12
  • Screen 13
  • Screen 15
  • Screen 16
  • Screen 17
Opens in Figma, mobile friendly

Four Step Fit Journey

Build Your Fit Profile

Answer a few quick questions about height, weight, preferred fit, and familiar brands. Lumeve creates a simple profile that powers all future recommendations.

App screen, profile App screen, recommendations

Get Smart Recommendations

See tailored size suggestions on every product page. Each recommendation is paired with a clear “Why this size” explanation to build trust.

Compare Brand Sizing

Instantly see how sizing differs across brands like Zara, H&M, or Uniqlo. Cross-brand references help shoppers feel confident trying new labels.

App screen, brand compare App screen, favorites

Shop with Confidence & Save Favorites

With your Fit Profile in place, checkout feels effortless. Save your favorite brands and fits for quick reuse, making every shopping trip faster and more reliable.

Designing the Marketing Site With User Voices

The Lumeve marketing website was shaped directly by user insights, not just product features. Research revealed four key audience groups: Fit Seekers, Self-Expression Explorers, Data-Driven Decision Makers, and Inclusivity Advocates. These groups guided the headlines, imagery, and interactions, ensuring the site built trust and spoke to real shopper needs.

Watch Prototyping
Laptop mockup of the Lumeve marketing page

Multi-Platform Accessibility

A seamless fit experience, on every device

I adapts across mobile, tablet, and desktop so shoppers can feel confident wherever they browse. Core flows, selecting gender, adding body details, and viewing recommendations, remain intuitive and responsive. Accessible layouts, clear labels, and inclusive design ensure that every user feels supported throughout their sizing journey.

learning

Key Learnings

Takeaways I will carry forward to future projects and teams.

  • Guidance works best at the point of decision

    Inline help near the size picker was more effective than sending people to a separate chart.

  • Evidence strengthens design choices

    Pairing interview quotes with survey data made trade offs clearer and more defensible.

  • Microcopy builds trust

    Small wording changes around data use and fit confidence shifted how people felt about recommendations.

  • Inclusivity is non-negotiable

    Support for diverse bodies and regions belongs in the core experience, not as an add on.

  • When live metrics are limited, use proxies

    Signals like confidence ratings, time to size choice, and size switches still provide useful insight.

Outcome: clear guidance at the moment of choice, measurable impact, and inclusivity by default.

Next Step

Next Steps

Clear actions to validate impact, improve inclusivity, and build trust at the moment of choice.

  • Run a pilot with a retail partner

    Measure impact on size related returns, cart size switches, and first time brand conversions.

  • Expand Fit Profile inputs thoughtfully

    Add optional measurements and body shape guidance with privacy first copy and clear controls.

  • Strengthen brand comparison data

    Refine cross label mapping and surface clear explainers for recommendations.

  • Localize and broaden inclusivity

    Introduce size conversions and examples for more regions and body types; test readability on mobile first.

  • Conduct an accessibility audit

    Verify contrast ratios, focus order, and motion alternatives; ensure the size picker is fully keyboard friendly.

Goal: deliver a trustworthy size experience that lowers returns and builds confidence for first time brand purchases.