Tags: ux commerce concept

Product Page Design

Date: 2026-08-17


The page where the decision is committed. Its job is to answer every question that would otherwise stop the purchase — and the questions that matter are rarely the ones the product description covers.


A product page presents one item with enough information to decide. Its real job is objection-handling: every unanswered question is a reason to leave, and most of them are practical rather than promotional.

The questions it must answer

In roughly the order people ask them:

1  is this the right thing?
     images, name, key attributes,
     variants

2  will it work for ME?
     suitability, ingredients, specs,
     compatibility, size guidance
     ← the one most often under-served

3  what does it cost, in total?
     price, delivery, any extras
     — Trust Signals

4  when will I get it?
     a date, not a duration

5  what if it's wrong?
     returns, guarantee

6  can I trust this?
     reviews, credentials
     — Authority, Social Proof

Question 2 is where specialist retailers win or lose. For anything applied to the body, ingested, or fitted to something else, “will it work for me” is the actual decision — and generic marketing copy doesn’t answer it.

Images

The single most influential element, and consistently under-resourced.

NEEDED
  multiple angles
  scale reference — next to something
    known, or with dimensions
  in-use / in-context
  detail on the thing that matters
    (texture, fitting, label)
  zoom that works on touch

FOR CONSUMABLES
  the packaging as it will arrive
  ← prevents "this isn't what I ordered"
    returns

Scale is the most common omission and a direct cause of returns — a 30ml bottle photographed alone looks the same as a 300ml one.

Variants

Where a lot of usability is lost:

SHOW
  which variants exist
  which are UNAVAILABLE, visibly —
    not by removing them
  the price change per variant
  the image changing with selection

AVOID
  a dropdown for something with 4 options
  variants that silently reset the page
  losing scroll position on selection

Showing unavailable variants greyed out beats hiding them — it confirms you stock the thing and tells them to check back, rather than implying it doesn’t exist.

Above the fold

The layout is close to a solved problem, and deviating rarely pays:

LEFT / TOP      images
RIGHT / BELOW   name, rating, price,
                variants, quantity,
                add to basket,
                delivery + returns summary

The delivery and returns summary belongs here, not in a tab. It answers questions 3–5 at the moment of decision, and moving it below the fold is a measurable cost.

Below the fold

description        benefits, then details
specifications     structured, scannable
ingredients /      complete, and searchable
 composition
how to use
reviews            with distribution and
                   negatives visible
Q&A                customer questions
                   often the highest-value
                   content on the page
related / bundles  — Bundling

Customer Q&A is disproportionately valuable because the questions asked are exactly the objections your copy failed to pre-empt — it’s free research and free content at once — Voice of Customer Data.

Where it goes wrong

  • A description written for SEO rather than for deciding
  • Specifications in prose instead of a table
  • Reviews behind a tab, unseen — they’re a primary decision input
  • Delivery cost absent until checkout — the largest single trust failure — Trust Signals
  • No stock indication until add-to-basket fails
  • Add-to-basket with no feedback, so people click it twice — Feedback and System Status
  • Sticky add-to-basket missing on mobile, forcing a scroll back up on long pages

Measuring it

  • Add-to-basket rate — the primary metric
  • Scroll depth — is the content below being reached
  • Tab and accordion opens — what people go looking for, and a strong signal about what’s missing above
  • Image interaction — zoom and gallery use means images matter here
  • Q&A submissions — unanswered objections
  • Return rate by reason — “not as described” is a product-page failure, not a product failure — Return Rate and Reverse Logistics

Return reasons are the most under-used product page metric. “Not as described” and “wrong size” point directly at images, specs and sizing guidance — and they cost margin, so they’re arguable in commercial terms — Contribution Margin.