On this page
A product page has a simple job: help someone understand what they are buying and decide whether it is right for them. Use this checklist on the actual page, on your phone, before sending traffic to it.
Start with the first view.
Open the page as if you have never seen the brand. Can you name the product, understand its price and find the next step without interpreting the design? A strong image earns attention; clear information gives that attention somewhere to go.
Keep the product name, price, important variant choices and purchase action together. Let supporting details follow. Avoid making a visitor scroll past an introduction to discover what is actually for sale.
Answer the questions that stop a decision.
Write down what a customer would ask you in person. For clothing, that might be fit, fabric, sizing and care. For home products, dimensions, finish and installation matter. Put those answers close to the choice they affect.
Make selection states explicit. A selected size should look selected; an unavailable size should explain what is unavailable. If a customer needs to choose an option first, show them exactly where to do it.
Give every image a reason to be there.
Use the first image to identify the product. Use the next images to answer something new: scale, texture, a detail, another angle or how it fits into everyday use. Several versions of the same shot add length without adding understanding.
Review the crop at the size people will actually see. Keep essential product details inside the frame. Clearly distinguish a concept or illustration from a photograph of the item someone will receive.
Try the awkward paths.
Test more than a successful purchase with the default options. Change variants, pick an unavailable option, go back from the cart and try the page with a keyboard. Check what happens while images load on a slower connection.
Animation should help someone follow a change. It should not delay a choice, hide a button or leave the page in an unfinished state when scrolling stops. Give people who prefer reduced motion a usable alternative.
Finish on a real phone.
A narrow desktop window is useful, but it does not show every touch or browser behaviour. Open the page on a phone, use it with one hand and check the full route from the link that brought you there to the cart.
Fix the obvious uncertainty before adding another feature. The goal of this checklist is a clear, usable product page; it is not a promise of a particular conversion rate.
Keep it for your next launch.
A plain-text checklist you can open in your notes app or print. No signup required.
Download checklist