Mobile PDP Teardown · Handloom Fashion

Suta “Sunset Star”: beauty vs. the buy button

A senior-consultant teardown of the Sunset Star — Orange Peach Mulmul Cotton Sequins Saree product page on suta.in mobile. Scored against a purpose-built UI & User-Journey framework for fashion commerce.

Surface: Mobile web Category: Handloom saree Price: ₹3,450 Rating: 4.88 · 126 reviews
0
/ 100 · UX health
Desire-rich, conversion-clumsy
9.0
Media
6.1
UI
4.0
CTA
Executive Summary

A saree the page sells with one hand and fumbles with the other

Suta does the hardest part of fashion e-commerce beautifully: it makes you want the product. Editorial photography, 126 real reviews and rows of customer photos build genuine desire. But the checkout zone collapses into overlapping buttons, an empty wishlist widget renders mid-page, and a discount is bolted to a “no returns” clause — friction the shopper has to fight through to buy something she already wants.

🧕🏽
Primary persona

“Aesthetic Meghna”, 32 — handloom-loving repeat shopper

Buys cotton sarees for work and weekends, values artisanal weaves and how a drape actually looks on real bodies. Falls for the imagery instantly — then hesitates: “What size am I even picking? Can I return it if the fit is off? And why does this page suddenly look broken?”

The one-line verdict

Score 64/100 — best-in-class desire & social proof, undercut by a cluttered conversion zone and a returns policy that reads like a trap. The product carries the page; the UI keeps getting in its way.

6
Genuine strengths
3
P0 issues
4
Layout / clutter bugs
9
Prioritised fixes

✓ Credit where it's due

Category-leading photography

Warm, in-context editorial shots make the drape aspirational — Suta's signature and the page's single biggest asset.

Deep, authentic social proof

4.88★ from 126 reviews plus a rich “Customer photos & videos” wall of real buyers — exactly the proof apparel shoppers crave.

Mature merchandising

Pre-drape service, matching petticoat & blouses, and a “Frequently Bought Together” bundle at 5% off help complete the look.

✕ What's costing conversions

The checkout zone is a pile-up

A second yellow “Add to Cart” overlaps the offer text, colliding with a bottom nav, a WhatsApp bubble and a scroll button in one thumb zone.

An empty wishlist panel is injected mid-page

A full “Your wishlist is empty” widget renders inline, burying the Details/Reviews content and looking broken.

Discount tied to “No Return & No Exchange”

On a fit-sensitive saree the shopper can't try on, waiving returns to save ₹100 reads as a risk, not a deal.

The Framework

Audit parameters — the same lens used on every PDP

Two axes, scored 0–10 with UX-law grounding: seven UI parameters (what the eye receives) and a seven-stage User Journey (what the mind decides). For fashion, the framework leans hard on one truth — shoppers can't touch the fabric, so fit-certainty and risk reduction do the heavy lifting.

Axis 1 — UI parameters

1 Visual Hierarchy & Layout

Does attention flow title → price → proof → CTA with no occlusion or z-index collisions?

2 Product Media & Imagery

Can the buyer judge colour, drape and fit from studio and real-world images?

3 Trust & Credibility Signals

Reviews, customer photos, returns and policies — surfaced or buried?

4 Pricing & Offer Transparency

Price, add-ons, bundles and offers — legible, honest, non-manipulative.

5 CTA & Conversion Design

Prominence, singularity and reachability of the primary action.

6 Info Scent & Scannability

Sizing guidance, disclosure patterns, specs depth, wayfinding.

7 Accessibility & Consistency

Contrast, tap-target size, component & colour consistency.

Axis 2 — User Journey stages

A Arrival & Orientation

“Am I on the right product?” — header, breadcrumb, title match.

B Product Assessment

“Will it look good on me?” — imagery, fabric, real-world context.

C Configuration

“Can I get my size & style it?” — size, add-ons, matching pieces.

D Value Judgment

“Is this worth it?” — price, bundles, bestseller cues.

E Trust & Risk Reduction

“What if the fit's off?” — returns, reviews, payment safety.

F Conversion Action

“Let me buy.” — CTA clarity, singularity, reassurance.

G Explore & Support

“What else / who do I ask?” — related items, help, footer.

Axis 1 · UI Audit

Seven parameters, scored

Overall UI health 6.1 / 10. A towering media score props up a weak conversion layer. Tap any row for evidence.

Visual Hierarchy
5.5
Product Media
9.0
Trust Signals
7.0
Pricing & Offer
6.5
CTA & Conversion
4.0
Info Scent
5.5
Accessibility
5.5
1Visual Hierarchy & LayoutAttention order, occlusion, z-index5.5
Working
  • Clean breadcrumb and a strong title → rating → price scan order up top
  • Sectioned modules read clearly in isolation
Broken
  • A yellow sticky “Add to Cart” overlaps the offers/return block
  • An empty wishlist widget injects itself into the mid-page flow
  • Floating WhatsApp + scroll buttons crowd the same corner as the nav
Z-index disciplineLaw of ProximityOcclusion
2Product Media & ImageryStudio + real-world, drape, colour9.0
Working
  • Gorgeous editorial photography in real settings — aspirational and honest about drape
  • A deep “Customer photos & videos” gallery shows the saree on many real bodies
  • 9-image carousel covers full-length, detail and movement
To sharpen
  • The strongest asset — customer photos — sits far down the page
  • No explicit “model is 5'6\", draped in…” fit cue
Image = #1 PDP factor (67%)Aesthetic–usability
3Trust & Credibility SignalsReviews, UGC, returns7.0
Working
  • 4.88★ from 126 reviews and a “Bestseller” badge by the price
  • Rich UGC gallery + “Ask a question” + delivery date estimate
Broken
  • “₹100 OFF | No Return & No Exchange” undercuts trust on a fit item
  • The featured review shows 20 up / 38 down helpfulness — an odd thing to surface
60% seek returns on the PDPUGC → +102% CVR
4Pricing & Offer TransparencyPrice, add-ons, bundles6.5
Working
  • Clear ₹3,450, “MRP inclusive of all taxes”, and a 5% “Buy It Together” bundle
  • Loyalty-coin cashback adds a retention nudge
Broken
  • Paid add-ons (Pre-Drape ₹1,499, petticoat ₹400) scatter around the CTA
  • The “₹100 OFF” offer's real cost (no returns) is easy to miss
Price framingChoice architecture
5CTA & Conversion DesignPrimary action, singularity4.0
Working
  • The green “Add to Cart” is large and legible where it first appears
Broken
  • Two Add-to-Cart buttons (green then yellow) in different colours
  • The sticky yellow bar overlaps real content and competes with the bottom nav
  • Primary CTA appears before size selection — you can add before you choose
Fitts's LawSingle primary actionHick's Law
6Info Scent & ScannabilitySizing, disclosure, specs5.5
Working
  • Delivery-date estimate and a size-chart link set expectations
  • Logical accordion labels (Details / Story / Description / Manufacturing)
Broken
  • Sizes read “XS-S / M-L / XL-XXL” with no cue to what's being sized
  • Fabric, length, care & blouse details are all hidden behind collapsed accordions
80% of sites under-serve sizingProgressive disclosure
7Accessibility & ConsistencyContrast, targets, components5.5
Working
  • Elegant serif type and generous imagery sizing
Broken
  • Three CTA colours in play (green, yellow, black) — no button system
  • The top “Free Shipping O…” bar is truncated mid-word
  • Overlapping widgets shrink effective tap targets
WCAG 2.1 AAConsistency heuristic
Axis 2 · User Journey Audit

Meghna's scroll, stage by stage

Overall journey health 6.4 / 10. Confidence soars through assessment, cracks at Configuration and Conversion, and is rescued at the end by proof and bundles.

A

Arrival & Orientation

7.5
“Sunset Star — pretty name, and this photo already has me.”
KEEP
Clean breadcrumb, clear title, and a hero that lands the mood instantly.
FRICTION
The “Free Shipping O…” bar is cut off mid-word.
B

Product Assessment

7.5
“Pure mulmul cotton, 4.88 stars, bestseller — and I can see it draped on real people.”
KEEP
Editorial + customer imagery and rating-by-price make a persuasive case.
FRICTION
Fabric care and dimensions are hidden behind collapsed accordions.
C

Configuration

5.5
“What does XS-S mean for a saree? And do I want the pre-drape, the petticoat…?”
DROP-OFF
Ambiguous grouped sizes with a cryptic “*terms and condition”.
FRICTION
Paid add-ons stack up around the CTA before the core choice is made.
KEEP
Matching petticoat & blouses genuinely help complete the look.
D

Value Judgment

6.5
“₹3,450 feels fair for this, and a 5% bundle with a blouse is tempting.”
KEEP
Transparent price + bestseller + bundle build a solid value story.
FRICTION
“₹100 OFF” quietly costs her the ability to return.
E

Trust & Risk Reduction

6.0
“I love it, but if the fit's off… can I even send it back?”
KEEP
126 reviews and real customer photos are powerful reassurance.
DROP-OFF
“No Return & No Exchange” is the exact fear an apparel PDP must resolve, not raise.
F

Conversion Action

4.5
“Which button do I even press? There are two, plus a menu and a chat bubble.”
DROP-OFF
Overlapping CTAs + floating widgets + an injected wishlist panel muddy the moment of purchase.
FRICTION
No single, obvious primary action in the thumb zone.
G

Explore & Support

7.5
“Similar sarees, a matching blouse deal, reviews, and a way to ask — nice.”
KEEP
Similar products, FBT bundle, UGC, WhatsApp & “Ask a question” give strong next steps.
FRICTION
These riches arrive after the friction has already done its damage.
Prioritised Fixes · with before → after

Nine changes, ranked by impact

Each fix pairs the rationale with a small before/after mock of the page region. Filter by priority.

All (9) P0 — Critical (3) P1 — High (4) P2 — Polish (2)
P0 · CRITICAL

Untangle the checkout zone into one clear action

A second yellow “Add to Cart” overlaps the offers, while a bottom nav, WhatsApp bubble and scroll button fight for the same thumb zone. Collapse to a single sticky primary CTA and give the floating utilities breathing room.

▲ Targets Journey Stage F (4.5) & UI CTA (4.0) — the biggest scoring drags.

◀ Before
Offers · RETURN · ₹100 OFF | No Return…
ADD TO CART
Yellow CTA covers the offer; nav + FABs collide.
After ▶
₹100 OFF applied · see offer details
ADD TO CART · ₹3,450
One sticky primary action, clear of the offer & the nav.
P0 · CRITICAL

Stop the empty wishlist widget rendering mid-page

A full “My Lists / Your wishlist is empty” panel injects into the document flow between the accordions and the reviews — it looks broken and buries real content. Load it in a slide-over drawer, triggered by the heart icon.

▲ Removes a page-breaking intrusion hurting Stage F and UI Hierarchy (5.5).

◀ Before
Details · Story · Description…
Your wishlist is empty
Add more items to this wishlist and see them here
An empty panel dumped into the page flow.
After ▶
Details · Story · Description…
Reviews · Customer photos…
♡ Wishlist opens in a drawer →
Content flows uninterrupted; wishlist is on-demand.
P0 · CRITICAL

Decouple the discount from “No Return & No Exchange”

60% of shoppers look for the return policy on the PDP, and wrong size drives 44% of apparel returns. Tying a ₹100 discount to waiving returns raises the exact fear the page must resolve. Lead with easy returns; make “final sale” a clearly-labelled opt-in.

▲ Directly answers the Stage E (6.0) risk fear for a fit item.

◀ Before
₹100 OFF | No Return & No Exchange
Save ₹100 by giving up returns on a saree you can't try on.
After ▶
✓ Easy 7-day returns & exchange
Prefer ₹100 off? Choose “Final sale”
Reassurance first; the trade-off is an explicit choice.
P1 · HIGH

Move size selection above the CTA and say what's sized

Over 80% of apparel sites under-serve sizing. “XS-S / M-L / XL-XXL” with no explanation forces guesswork on a saree set. Put size before the primary CTA, label what it sizes (blouse/petticoat), and pair it with a visible size chart and a fit hint.

▲ Reduces Stage C (5.5) drop-off and prevents add-before-size errors.

◀ Before
ADD TO CART
…then, below: Select size
XS-SM-LXL-XXL
CTA before size; no cue what's sized.
After ▶
Blouse size · stitched to fit · Size chart
XS-SM-LXL-XXL
ADD TO CART
P1 · HIGH

Surface reviews & customer photos near the price

Shoppers who interact with UGC convert ~102% higher — and Suta's customer-photo wall is superb, but it's buried far down. Add a compact proof strip beside the price linking to the reviews and real-buyer gallery.

▲ Amplifies the page's second-strongest asset at the point of judgment (Stage D/E).

◀ Before
₹3,450 BESTSELLER
Rating is present, but 126 reviews & customer photos are pages away.
After ▶
₹3,450 BESTSELLER
★ 4.88 · 126 reviews
“See 80+ customer photos” right where doubt happens.
P1 · HIGH

Unify the button system to one accent

Green, yellow and black CTAs all appear on one page, weakening the visual language and making the primary action ambiguous. Pick one accent for “add/buy” and reserve others for secondary actions.

▲ Improves Accessibility & Consistency (5.5) and CTA clarity.

◀ Before
ADD TO CART
ADD TO CART
ADD SELECTED
Three colours, no hierarchy.
After ▶
ADD TO CART
ADD BUNDLE
One primary accent; secondary actions outlined.
P1 · HIGH

Declutter the add-on stack around the CTA

Pre-Drape Service, petticoat, gifting and matching blouses all crowd the buy decision. Group optional add-ons under a single “Complete your look” step after size, so the core purchase stays clean.

▲ Eases Stage C choice overload without losing upsell (Hick's Law).

◀ Before
Pre-Drape +₹1,499 · Petticoat +₹400 · Gifting · Blouses…
ADD TO CART
Add-ons interleaved with the primary decision.
After ▶
Size: XS-S
ADD TO CART
Complete your look ▾
Pre-drapePetticoatBlouse
P2 · POLISH

Add a quick-spec strip; don't hide everything in accordions

Fabric, length, blouse-piece and care are all behind collapsed Details/Story/Description/Manufacturing sections. A row of quick-spec chips answers the common questions without a tap.

▲ Improves Info Scent (5.5) & Stage B assessment.

◀ Before
Details ›
Story ›
Description ›
Manufacturing ›
Every fact is a tap away.
After ▶
Mul cotton6.3m + blouse pcSequins & tasselsHand wash
Key specs visible; deep detail still in accordions.
P2 · POLISH

Fix the truncated free-shipping bar

The top announcement reads “FREE SHIPPING O…”, cut off mid-word. Either shorten the message to fit or make it a marquee/rotator so the full value proposition lands.

▲ Small polish to Stage A orientation & perceived quality.

◀ Before
FREE SHIPPING O…
Message cut off mid-word.
After ▶
FREE SHIPPING ON ALL ORDERS
Full value prop fits — or rotates.
Industry Context

Why these fixes matter in fashion commerce

The recommendations track where apparel research and the market already point.

Returns are a trust signal, not fine print

~60% of shoppers look for the return policy on the product page, and wrong size drives ~44% of apparel returns. Advertising “No Return & No Exchange” — even for a discount — works directly against the confidence a fit purchase needs.

Sizing is the industry's weakest link

More than 80% of apparel sites fail to give sufficient sizing guidance. A fit hint (“model is 5'6\", draped in…”) and a labelled size chart are cheap, high-impact certainty boosters.

UGC is Suta's under-used superpower

Shoppers who interact with user-generated content convert ~102% higher. Suta's real customer-photo wall is excellent — it's simply too far down. Placed near size & price, it does its best work.

Mobile is where the clutter bites

~73% of e-commerce traffic and ~58% of purchases are mobile. Overlapping CTAs, injected widgets and floating buttons aren't edge cases — they're the primary experience for most of Suta's buyers.

Sources: Baymard apparel & product-page UX · commerce-ui fashion PDP examples 2025 · PowerReviews UGC-conversion data · Salsify fashion PDP guide · Triple Whale mobile-commerce benchmarks. Full links in the accompanying message.