Product page design for ecommerce
Product pages that answer the buyer before they leave.
I redesign product pages around the doubts buyers have before they add to cart: will it work for me, is it worth the price, what if it doesn't fit. Then I A/B test the new page and show you what it earned.
Short answer
What is conversion-focused product page design?
Conversion-focused product page design is a redesign of your product page template around the questions shoppers ask before they add to cart, built from your reviews, session recordings and analytics, then A/B tested against the current page.
Quick facts
- Best for
- Ecommerce, DTC and Shopify stores with product page traffic but too few add-to-carts
- You get
- An objection map, wireframe and copy, desktop and mobile design, and a test plan
- Timeline
- 1–3 weeks per page template
- Platforms
- Shopify, WooCommerce or custom; designed in Figma, or built for you
- Proof
- +16,1% revenue per visitor and +10,4% conversion rate in A/B-tested redesigns; +17% on a client's product pages
- Price
- A fixed quote after a short call, before any work starts
Who it's for
Who is product page design for?
- Ecommerce and DTC brands with steady product page traffic but too few add-to-carts
- Shopify stores that want more sales without a new theme
- Agencies that need a conversion designer for their clients' product pages
What's included
What's included in product page design?
Most buying decisions happen on the product page. The first screen, how variants are picked and where proof appears move add-to-cart rate more than anything on your homepage.
I design for the phone first, because that's where most of your shoppers are, then make sure desktop loses nothing.
- Heuristic analysisA page-by-page review of clarity, trust, friction and motivation, with evidence for every point.
- Objection mapThe top questions and doubts from reviews, support tickets and recordings, and where each one gets answered.
- Wireframe and copyThe new page structure and the words, before any visual design.
- High-fidelity designDesktop and mobile in Figma, every state, ready for your developer or Shopify theme.
- Test planWhat to A/B test first, the hypothesis and the metric to judge it by.
Proof
What has it moved for clients?
After
Cast Iron Skillet
A $160 cast iron skillet sat next to $30 alternatives with no reason at the price, behind an email popup. I put the pan first, answered "why $160?" under the price and added delivery, returns and the guarantee by the button.
After
Men's Face Wash
A men's face wash page showed a 60 ml two-pack at the price of a 20 ml trial tube and put an Amazon button under Add to Cart. I showed every size to scale with its cost per month, took Amazon out of the buy box and built out the page.
How it works
How does it work, from call to handoff?
Find the leak
Analytics, recordings, heatmaps and reviews, to see where visitors and money drop off.
Plan the fix
A written hypothesis for each change, prioritized by expected impact, agreed with you.
Design it
Wireframe, copy and high-fidelity design for desktop and mobile, ready to build.
Test and learn
An A/B test or a before-and-after comparison, read in conversion rate and revenue.
FAQ
Questions about product page design.
Do you design for Shopify themes?
Yes. I design within what your theme can do, or plan custom sections with your developer. You get Figma files that map cleanly to Shopify sections.
Can you redesign one product page or the whole template?
Usually the template, so every product benefits. If one hero product drives most revenue, we can start there and roll the winner out.
How do you know what to change?
From evidence: session recordings, heatmaps, customer reviews, support questions and your analytics. Every change in the design links back to a finding.
Let's talk
Let's find out why your visitors aren't buying.
Send me the page. On the call I'll tell you what I'd fix first, what it could move, and whether I'm the right person for it.