Compact product page top: +0.5% conversion, result inconclusive

Flat / inconclusiveProduct page

Making the top of the product page more compact, with restyled review stars and input fields, lifted conversion rate by only 0.5%, so the result is inconclusive.

Clean Commit ran this test for an anonymized Shopify store and published it in its A/B test library.

Revenue rose 12.55% and bounce rate fell 19.5%, but desktop improved while mobile got worse.

+0.5% conversion, result inconclusive
  • Conversion rate: +0.5%. Too small to call, and Clean Commit labelled the test inconclusive.
  • Revenue: +12.55%, helped by an 11.1% rise in average order value. Not shown to be significant.
  • Bounce rate: -19.5%, so fewer visitors left straight away.
  • Click-through rate: +13.9%, a sign of more engagement with the page.
  • By device: desktop conversion improved, mobile conversion got worse.

The change

Control (A)
header
title
Original rating styleREPLACED
price
Original input fieldsREPLACED
Add to cart
description
Variant (B)
header
title
Restyled ratingNEW
price
Restyled compact fieldsNEW
Sits higher on pageNEW
description

The variant tightens the top section and restyles the rating and option fields.

Simplified mockup drawn by LiftArchive from the shared screenshots.

Control

The original top section of the product page, with the existing review rating and input field styles.

Variant

A more compact top section, so the add-to-cart button sits higher. The review rating and the input fields were restyled.

Why it likely came out this way

Our reading of the result, not the practitioner's claim.

  • A shorter top section brings the add-to-cart button into view sooner, which may explain the lower bounce rate.
  • Clearer input fields may have made choosing options easier, adding engagement without changing purchases much.
  • On mobile, squeezing the layout may have made the top feel cramped, cancelling out the desktop gain.

Caveats: The source rates this test inconclusive, and the mobile and desktop results pointed in opposite directions. Sample size, duration and confidence were not shared.

Who ran it

Clean Commit ran this test for a Shopify store (anonymized) and published the results (Clean Commit A/B test library). The numbers are theirs; the summary and commentary on this page are ours.

Read the original case study on Clean Commit →

How to run this test on your store

Hypothesis
If we make the top of the product page more compact and restyle the review rating and option fields, then conversion rate will rise because shoppers reach the add-to-cart button faster.
Primary metric
Conversion rate
Guardrails
  • Mobile conversion rate
  • Revenue per visitor
  • Add-to-cart rate
Who should test it
Stores with a long or crowded product page top where the add-to-cart button sits below the fold. Build mobile and desktop versions separately, since one layout may not suit both.

Questions

Does a compact product page layout increase conversions?

Not clearly in this test. Bounce rate and engagement improved, but conversion barely moved.

Why would a layout help desktop but hurt mobile?

Space works differently on each screen. A change that tidies a wide desktop layout can crowd a small phone screen, so test and read each device separately.

Is lower bounce rate a good sign on its own?

It shows more people stayed, but it does not prove more sales.

Judge the test on conversion rate and revenue per visitor.

Similar tests