Back to the homepage
Case study 03 · 2026

Custom product pages

Premium products were being sold on the same template as $30 basics: a gallery, a spec list, and a wall of text. So I built a second template for the ones worth explaining. A/B tested against the standard page, it converted 78% higher.

Magento 2 PHP UI/UX CRO A/B tested

Same product, two pages

Both pages, shrunk down and pinned side by side. The difference is the shape of the thing.

STORE.com
Shop · About · Blog
Standard product
★★★★☆
$29.95
Description
4.8/5 · 214 reviews
★★★★★
★★★★★
★★★★☆
★★★★★
★★★★★
reviews continue…
Regular product page
gallery, price, text, then 200 reviews
STORE.com
Shop · About · Blog
Soft material, serious quality
The difference: soft, durable, built to last
Premium material
Tested shape
Sturdy construction
Also available in other finishes
403
Explore the series today
4.8/5 · 214 reviews
reviews + footer…
Specialized page
seven blocks that argue for the price

The regular page runs out of things to say about the product roughly one screen in, then hands the rest of the page to reviews. The specialized page keeps making its own case: material, shape, construction, variants, size, video, and one more ask at the end.

That reordering is the whole trick. On the specialized page, by the time someone reaches the main product details and the gallery, the scroll has already done the selling. They are not reading a spec sheet to decide, they are confirming a decision they already made on the way down.

The scroll journey

What a customer actually meets on the way down, screen by screen.

Regular page
1st
Gallery, price, Add to Cart
Decide now, on a photo and a number.
2nd
A block of description text
The reasons exist here, in paragraph form. Most people skim past.
3rd
Reviews start
The page stops selling and hands over to strangers.
4th+
More reviews. Then the footer.
No second chance to ask for the sale.
Specialized page
1st
Editorial hero with a promise
Sets up what makes this one different before asking for anything.
2nd
Material, shown up close
One claim, one photo. Not a sentence in a paragraph.
3rd
Shape and construction
Two more reasons, each with its own screen.
4th
Variants, size graphic, video
The last practical objections, answered visually.
5th
Closing banner, then reviews
Asks again while the argument is fresh, then lets reviews confirm it.

Show it, don't say it

Same three claims. One page writes them down, the other one proves them.

Told

"Made from a premium, higher-grade material for a softer feel."

Shown

A macro photo of the surface at half a screen tall, with the claim as a heading beside it. You can see the difference before you read it.

Told

"Available in multiple sizes. See the specification table for dimensions."

Shown

A side-by-side scale graphic with both options measured against each other. No mental arithmetic, no unit conversion.

Told

"Also available in other finishes. Browse the category for more options."

Shown

Two dark variant cards with real photography and a direct link each. The alternative is a click, not a search.

Why bother at all

01
Price needs a reason

A $130 product next to a $30 one, on an identical page, just looks overpriced. The premium line was competing against the rest of the catalog with no argument on its side.

02
Nobody reads the wall

The old page had most of this information already, buried in paragraphs under the fold. Splitting it into blocks with a photo each meant it got seen instead of scrolled past.

03
Reviews came too early

On the standard page, reviews are the first substantial thing after the price. Fine for a cheap repeat purchase, useless for a first-time premium buyer who does not know what they are looking at yet.

04
Variants, not cross-sell

The variant cards link to other finishes of the same product. It answers the actual next question instead of throwing an unrelated product at someone mid-decision.

05
A second ask at the end

The standard page asks once, at the top, and never again. Anyone convinced by the bottom of the page has to scroll back up to buy. The closing banner fixes that.

06
Kept as the exception

One backend flag decides which template a product gets. Custom content takes real effort to produce, so it goes only where the margin justifies it. The rest of the catalog stays standard.

The payoff

Ran as an A/B test against the standard product page on the same traffic, same product. The specialized page converted 78% higher. My read on why: by the time a customer reaches the main product details and gallery, the scroll has already convinced them. They arrive at the buy button agreeing, not evaluating.

It is now the default treatment for anything flagged premium, built in Magento 2 PHP with Tailwind.

Keeping it maintainable

A second template is only worth it if it does not become a second codebase.

One flag, two paths

A product attribute in the Magento backend picks the template. No duplicated catalogs, no separate URLs, no risk of the two drifting apart.

Shared shell

Header, cart logic, reviews, footer and checkout all stay shared. Only the middle of the page changes, so platform updates land once.

Content is the cost

The template is cheap to reuse; the photography and copy are not. That is the real reason it stays reserved for products with the margin to earn it.

Back to the homepage Say hello