Short answer
A high-converting product page lets shoppers find everything they need to decide without hunting: 5 or more images including one in use, a clear headline and price, shipping cost and delivery date next to the buy button, easy variant choice, the description and specs visible (not hidden in tabs), and reviews they can filter. Then it adds persuasion on top: why it's worth the price and why to buy it from you.
Key takeaways
- Images do the most work: most shoppers look at them first, and many judge only from the first one.
- Shipping cost, delivery date and returns belong next to the buy button, not only in a banner.
- Avoid horizontal tabs for key content. Many shoppers never open them.
- Reviews are the most-used content on the page. Make them filterable and show the count near the title.
- Get the basics findable first, then add persuasion. Persuasion can't fix missing information.
Product pages are where most buying decisions happen, so they're usually the best place to start optimizing. The checklist below combines Baymard Institute's large-scale usability research on product pages with what I've seen work in A/B tests. Work through it section by section, then tick off your own page in the checklist at the end.
The anatomy of a product page that sells
What goes on the first screen
Desktop layout; on mobile the same parts stack in this order
- Images carry the first impression. Show the product in use and next to something for scale.
- Headline in the buyer's words, with a line of facts under it.
- Rating and review count near the title, linking to the reviews.
- Price with any discount stated once, plus a reason it's worth it.
- Variants shown as images or clear labels, with the most popular one marked.
- Add to cart: one clear button, sticky on mobile.
- Shipping, delivery and returns right under the button.
What usability research says shoppers do
How shoppers use product pages
Share of participants in Baymard Institute's product page usability testing
Show the numbers as a table
| Item | Value |
|---|---|
| Used reviews to decide (up to) | 95% |
| Struggled to find thumbnails hidden behind arrows or “+3” links | 81% |
| Looked for shipping costs on the product page | 64% |
| Started with the images before anything else (desktop) | 56% |
| Tried to judge size from the images | 42% |
| Judged the product only from the default image | 31% |
| Overlooked content inside horizontal tabs | 27% |
| Missed free shipping shown only in a site-wide banner | 27% |
1. Images: show it in use, in scale, all at once
- Use at least 5 images; visual or technical products need more.
- Include the product in use and next to something people know, so they can judge size.
- Make the default image the best one. Many shoppers never look past it.
- Show all thumbnails. Don't hide them behind carousel arrows or "+3" links.
- Put video in the main gallery, not in a tab further down.
2. Headline and price: clear first, clever never
The product name tells people what it is. A short line under it tells them what it does for them. Put the price right below, show any discount once, and add a short reason the price is fair: materials, lifespan, cost per use or a comparison with the cheap alternative.
3. The buy box: no surprises
- Shipping cost (or the free shipping threshold) and the delivery date next to the button.
- Returns and guarantee in one short line under the button.
- Out of stock? Let people buy with a later delivery date instead of only "email me".
- On mobile, a sticky add-to-cart bar once the main button scrolls away.
4. Variants: pictures beat dropdowns
Show colors and styles as images, sizes as buttons, and mark what's sold out. If people need help choosing, add a one-line explainer ("Not sure? Most people choose 60 ml") or a short quiz. Dropdowns hide options and make comparison hard.
5. Description and specs: visible, scannable, specific
Horizontal tabs were the worst-performing layout in Baymard's testing. Use stacked sections or an accordion that's open by default for the important parts. Lead with benefits, explain each spec in plain words, and keep the factual description factual. Put the long sales story in its own section for people who want it.
6. Reviews: easy to find, easy to trust
- Rating and count near the title, linking to the reviews.
- Filters for the concerns shoppers have (skin type, fit, use case) and for star rating.
- Customer photos, and the negative reviews visible. A perfect 5.0 looks less believable than a 4.7.
The full product page checklist
Tick what's true for your best-selling product page, on mobile.
Free tool
Product page checklist
For the persuasion layer on top of this checklist, read buyer psychology in ecommerce. If you'd like me to redesign the page, see product page design.
FAQ
What makes a good product page?
A good product page lets shoppers find everything they need to decide (images, price, shipping, variants, description and reviews) without hunting, and answers their main doubts next to the buy button.
How many product images should a product page have?
At least five, including the product in use and one that shows scale. Visual or technical products like furniture, electronics or apparel benefit from more.
Should I use tabs on my product page?
Avoid horizontal tabs for important content. In Baymard's testing, many shoppers overlooked content inside tabs. Use stacked sections or accordions instead.
Where should shipping information go on a product page?
Next to the price and the add-to-cart button, including the cost or free shipping threshold and an estimated delivery date.
Sources
Conversion designer. I design and build product pages, landing pages and websites, A/B test them and show what each change earned. CXL certified in Conversion Optimization and Ecommerce Marketing, and a guest speaker at NYU School of Professional Studies.
