Lighter background on collection pages: -15.1% revenue per visitor
Test run byClean CommitCRO agency
Commentary byLiftArchiveOur analysis, not theirsLightening the collection page background cut revenue per visitor by 15.1% and conversion rate by 3.2%.
Clean Commit ran this test for an anonymized Shopify store and published it in its A/B test library.
Clicks to products, the metric the test aimed at, barely moved.
- Click-through rate: -0.7%, close to flat. The extra contrast did not bring more product clicks.
- Conversion rate: -3.2%, a negative result.
- Revenue per visitor: -15.1%, driven by a 12.3% drop in average order value.
- Mobile took most of the loss, with revenue per visitor down 19.4%. Desktop was near flat at -0.7%.
- Add-to-cart rate: -5.4%. None of the moves reached significance, but every sales metric fell together.
The change
The collection grid sits on a lighter background color.
Simplified mockup drawn by LiftArchive from the shared screenshots.
Control
Collection pages used the store's original background color behind the product grid.
Variant
The background was made lighter to give the product images more contrast.
Why it likely lost
Our reading of the result, not the practitioner's claim.
- The original background may have been part of the brand look, and a lighter one may have made the store feel less polished.
- More contrast does not help if shoppers could already see the products clearly.
- On small screens, a brighter page can make the grid feel busier, which may explain the mobile drop.
Caveats: No single metric reached significance, and sample size and duration were not shared. The losses were consistent across sales metrics, so the agency treated it as a loss avoided.
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 lighten the collection page background, then more shoppers will click into products because the images will stand out more.
- Primary metric
- Click-through rate from collection page to product page
- Guardrails
- Revenue per visitor
- Average order value
- Mobile conversion rate
- Who should test it
- Stores with a dark or busy background where product photos are hard to see. If your grid already reads clearly, a color change is unlikely to help and may hurt brand feel.
Questions
Does background color affect ecommerce conversion?
It can. In this test, a lighter collection page background did not raise product clicks and revenue per visitor fell 15.1%.
Is a white background always better for product grids?
No. More contrast only helps if shoppers struggled to see products before.
Test on mobile and desktop separately, since results split here.
Similar tests
Convertibles
Blend CommerceClean Commit