Product page redesign: the same product, before and after, with every decision annotated.
A working prototype rather than static frames. Switch between the original layout and the redesign, turn on the decision notes, change a variant, add to cart. The product is fictional. The decisions come from seven years of watching real product pages convert or not.
Ceramic Pour-Over Dripper
Hand-glazed stoneware that holds heat through the whole pour. Spiral ribs for even extraction. Takes standard 02 filters.
Details & dimensions
2 cup: 11 cm × 9 cm, 420 g. 4 cup: 13 cm × 10.5 cm, 560 g. Handmade stoneware, slight variation expected. Not for stovetop or microwave.
Shipping & returns
Ships from Florida in 1–2 business days. Free over $50, otherwise $6.95 flat. 30-day returns on unused items.
Care
Dishwasher safe. Avoid thermal shock from freezing to boiling.
What buyers say
The original used a small 4:3 image with "click to enlarge." Buyers of a physical object need to see it at size without a click. The Bestseller badge is social proof before the user reads a word.
The original title was a keyword string. The name is now the product; the category lives above it; the rating with a count sits directly under it, where eyes land second.
In the original the price came after 120 words of copy. Price is the first qualifying question. It moves up, and it updates live when the variant changes.
Every option is visible and tappable. Selected state is obvious. Out-of-stock options are shown struck through rather than hidden, so the buyer knows it exists and can choose the next best thing.
"In stock, ships in 1–2 days" answers the "when will I get it" question at the moment of commitment. The 4 cup shows a low-stock message to demonstrate the urgency state.
One primary action. The CTA repeats the live price so there's no surprise in the cart. Shipping threshold, returns, and guarantee sit immediately under the button, which is where hesitation happens.
A relevant add-on with a stated saving, placed after the primary CTA so it never competes with it. The long description becomes three accordions: details, shipping, care. The content is still there, it just stopped blocking the decision.
Three short quotes with a headline each, so the social proof is readable without a reviews widget. On phone widths, a sticky bar keeps price, selected variant, and Add to cart on screen while the user scrolls the details.
Because the interactions are the design.
A static mock can't show that the price changes when the variant does, that the out-of-stock state is visible but not selectable, that the cart opens without leaving the page, or that the sticky bar appears at phone widths. Those details are where product pages win or lose, and they're cheap to build once the layout is settled. This prototype is the kind of thing I'd hand to engineering as the spec, with the decision notes as the rationale.