PDP before and after UGC: 8 teardowns and what changed
Eight illustrative product page teardowns, before and after customer content. What moved, where it sits on the page, and a checklist to run on your own.
Twenty years of enterprise software taught me one thing about screens. A screen answers the person in front of it, or it does not. A product page is the same, except the person can leave. The change that moves the number is rarely a new headline. It is the moment other buyers start talking on the page.
In this article
A product description is the brand answering questions it chose to hear. The shopper has a different list. Does it run small? Does the colour match the photo in daylight? Did someone like me buy it and stay glad? Brand copy cannot answer the last one. New to the term? Start with what UGC means for ecommerce.
Why does a brand-only page lose the shopper?
Picture the brand-only page. A clean hero, a gallery, a spec strip and a star average with no faces. Everything on it was made by the seller. At the moment of doubt, the only voice on the page is still the seller's.
So the doubt gets settled somewhere else. The shopper opens a new tab and searches the product name plus "review". The most important moment of the sale now happens on a page you do not own.
Brand-only PDP
Hero, gallery, spec strip and a star average. Every pixel made by the seller.
Wins at
- Clean, recognisable hero shot
- Accurate spec strip
- Consistent brand look
- Fast to ship, nothing to clear
Struggles with
- No sign that anyone else bought it
- Reads as advertising at the decision
- Doubt gets settled in a new tab
- A star average with no evidence
UGC in the middle scroll
Same hero and specs. Customer photos and video sit where the shopper asks "is it for me".
Wins at
- Other buyers speak at peak doubt
- Shows how the product lives
- Questions answered on the page
- Fresh content you never had to shoot
Struggles with
- Needs rights and curation
- In the hero, it can flatten a premium look
- The quality bar has to hold
- Measurement has to be honest
The hero and specs stay the same. The change is a second voice in the middle of the page.
What changes, scroll by scroll
A product page is a trust curve. The shopper arrives sceptical, then judges the look, then the facts, then other buyers. Customer content does its work in that last stage, in the middle of the page. Keep the hero brand-owned for recognition. Keep the spec strip brand-owned for accuracy. Then add three tagged customer clips where "what is it" turns into "is it for me". The clip mechanics are in what shoppable video is.
Where each voice belongs on the page
- 1Brand-owned: recognitionBrand-owned
The hero shot and headline. The brand introduces the product on its own terms.
- 2Customer UGC: validationCustomer UGC
A carousel of tagged customer clips, placed where the shopper asks "is it for me".
- 3Review photos and video: proofVerified reviews
Star ratings with the photos and faces behind them, in the buyer's own words.
- 4Add to cart: conversionConversion
Price and one clear action. By here the page has earned the tap.
Eight teardowns, one doubt each
Each teardown takes a sample product from our demo catalogue. "Before" is a typical brand-only page. "After" is the same page with customer content added. These are illustrative sketches. No real store is shown and nothing here was measured.
1. A coat: will it fit me?
Airlift Overcoat Brown, $190.76
Brand only
- One model, one size, studio light
- A size chart from the supplier
- Text reviews below the fold
With customer content
- Customer photos labelled with height and size worn
- Two fit clips beside the size picker
- Review photos pulled up into the middle scroll
What moved: the fit answer sits next to the size picker. The shopper sees a person their height before choosing.
2. Shorts: do they stay put when I move?
Airlift High-Waist Suit Up Shorts, $64.76
Brand only
- Front and back shots on a model standing still
- Fabric percentages in the specs
- A star average with no detail
With customer content
- Customer clips mid-workout, tagged to the product
- Review photos showing the waistband after a session
- A "how it fits" clip in the size tab
What moved: motion. A still photo cannot show whether a waistband rolls down. A customer clip can.
3. Sunscreen: what does it feel like on skin?
Bodycon Sunscreen SPF 50, $64.76
Brand only
- A bottle shot on a white background
- An ingredient list
- Claims written by the brand
With customer content
- Customer clips applying it, showing texture and finish
- Review photos on different skin tones
- An application clip in the how-to tab
What moved: texture and finish on real skin. Make sure customer posts follow the same claims rules as your own copy.
4. A tote bag: how big is it really?
Jute Tote Bag, $12.76
Brand only
- The bag alone on a white background
- Dimensions in centimetres
- No sense of scale
With customer content
- Customer photos with the bag on a shoulder
- A "what fits inside" clip with a laptop and a water bottle
- Review photos from a market and a commute
What moved: scale. Centimetres are accurate, but a shoulder shot answers the question faster.
5. A watch: how does it sit on a wrist like mine?
WROGN Men Silver-Toned Watch, $24.76
Brand only
- A clean render at an angle
- Case diameter in the specs
- Five stars from three reviews
With customer content
- Wrist shots from customers with different wrist sizes
- A strap-change clip in the how-to tab
- Review photos in daylight and indoor light
What moved: size on a real wrist. A case size in millimetres means little until you see it on one.
6. Sunglasses: will they suit my face?
Women Oval Sunglasses, $14.72
Brand only
- Frames on a white background, front and side
- Lens width and bridge size
- One model shot
With customer content
- Customer photos across face shapes, tagged to the product
- A short clip turning the head side to side
- Review photos in bright sun
What moved: range. Many faces answer "will they suit me" better than one model can.
7. A cardigan: is the colour what I see on screen?
Tennis Cardigan Spring/Summer, $80.23
Brand only
- Colour-corrected studio shots
- A colour name like "Ivory"
- Text reviews mentioning the colour
With customer content
- Customer photos in daylight, at home and outdoors
- Review photos filtered by colourway
- A close-up clip of the knit texture
What moved: colour in real light. Studio light is accurate but flattering. Daylight sets honest expectations.
8. A sweater: how does it wash and wear?
White Sweater Green Stripes, $110.76
Brand only
- New-in-box shots only
- Care instructions in a tab
- No content older than the launch
With customer content
- Customer photos after months of wear, with dates
- Review photos after washing
- A Q&A answer on shrinkage, linked to a review
What moved: time. Dated photos after wear answer "will it last" in a way new stock cannot.
What moved, in one table
| Product | The doubt | What answers it | Where on the page |
|---|---|---|---|
| Coat | Will it fit me? | Photos with height and size | Beside the size picker |
| Shorts | Will they stay put? | Clips in motion | Middle scroll and size tab |
| Sunscreen | How does it feel? | Application clips on real skin | Middle scroll and how-to tab |
| Tote bag | How big is it? | Shoulder photos, a "what fits" clip | Middle scroll |
| Watch | How does it sit on a wrist? | Wrist shots across sizes | Gallery slide and reviews |
| Sunglasses | Will they suit my face? | Photos across face shapes | Middle scroll |
| Cardigan | Is the colour true? | Daylight photos per colourway | Reviews, filtered by colour |
| Sweater | Will it last? | Dated photos after wear and washing | Reviews and Q&A |
How a customer clip becomes a PDP tile
- 01
Collect
Pull tagged posts and review media from social and review sources into one place.
- 02
Clear rights
Ask and log permission before anything goes live.
logged consent
- 03
Tag the product
Bind each clip to the product it shows, so it sits on that page.
- 04
Place by doubt
Put it next to the question it answers. The hero stays brand-owned.
- 05
Measure honestly
Run a holdout: customer content on for half the traffic, off for the rest.
holdout
What the published numbers say
These come from vendor datasets. Read them as a ceiling for your own test. Your result depends on how much doubt your product carries.
137%
more likely to buy after seeing customer photos
Yotpo, 200k+ stores / 163M orders analyzed
2.6x
photo reviews convert vs text-only
PowerReviews, 2023 baseline
4.1x
video reviews convert vs text-only
PowerReviews, 2023 baseline
The brand tells the shopper what the product is. Another buyer tells them it is for them. The page needs both voices.
A checklist for your own before and after
Run this on one product page before you add anything. Each line is a yes or a no.
- Do you know the top three questions shoppers ask about this product?
- Does a piece of customer content answer each of those questions?
- Does each piece sit next to the question it answers?
- Is the hero still a brand-owned still image?
- Is every clip tagged to the product on this page?
- Is every clip rights-cleared, with the consent logged?
- Do fit photos show the size worn and the wearer's height?
- Do review photos keep the reviewer's name and date?
- Does video below the fold wait for the scroll?
- Is there a holdout, with a baseline recorded before the change?
Does adding UGC slow the page down?
It can. Autoplay video above the fold can cost more in bounce than it earns. The version that works is boring on purpose.
Keep the hero a single optimised image, so the main paint stays cheap. Put the customer carousel below the fold. Let off-screen clips load nothing until they scroll into view. Show a poster frame first. The full budget is in Core Web Vitals for UGC widgets.
Where does before/after get oversold?
Vendor pitches say customer content out-converts studio content. In the middle scroll, that can be true. It is no licence to rip out the hero. Swap a $190 overcoat's hero for a phone clip. The page now looks like a marketplace listing.
A clean before/after can also flatter you. Engagement moves first, because customer video is more watchable. Conversion moves only when the content settles a real doubt. Watch add-to-cart rate and return rate together. Measuring UGC ROI covers the holdout maths.
A before/after worth running
Two screenshots side by side are a mood board. For a number finance will accept, run it as a test. Every clip in the test needs cleared rights first. The UGC rights and permissions guide covers the consent step.
- 1Freeze the page. Record 28 days of conversion, add-to-cart rate and return rate.
- 2Add customer content to the middle scroll only. Leave the hero and specs alone.
- 3Split the traffic. Half see the customer content, half do not.
- 4Run it three to four weeks, so weekly swings even out.
- 5Read conversion and return rate. Ignore likes and view counts.
The PDP rewrite worksheet
Free: a scroll-by-scroll checklist for placing brand and customer content.
Sources and related reading
- 1Yotpo, 200k+ stores and 163M orders (customer photos and purchase likelihood)
- 2PowerReviews, photo and video reviews against text-only (2023 baseline)
- 3Baymard Institute, product page usability research
- 4Teardown products · Sample products from the Idukki demo catalogue. Illustrative only.
- 5Idukki, Roast my PDP
- 6Idukki, reduce PDP bounce
More from Rohin Aggarwal
- Strategy
Gifting and seeding programs that actually produce content
Untargeted gifting mails free product into a void. A seeding program is designed: chosen recipients, a light expectation, and a rights path to usable UGC.
- Strategy
Ambassador tiers: structuring a creator community
A flat ambassador list treats a one-video customer like a year-long advocate: give the community tiers with clear criteria, real rewards, and a path to climb.
- Strategy
Affiliate plus UGC: combining the two
Run affiliate and UGC as one programme: a single creator makes the trusted content and carries the trackable link, so you get trust and attribution together.