# Cleaner product cards with a color selector: +1.5% CR, inconclusive

- Outcome: Flat / inconclusive
- Page type: Collection page (Ecommerce)
- Elements: Product cards & quick add, Variant, size & option selectors
- Test run by: [Clean Commit](https://liftarchive.com/practitioners/clean-commit/)
- Commentary by: LiftArchive (our analysis, not theirs)
- Original source: https://cleancommit.io/ab-tests/product-card-redesign/
- Page: https://liftarchive.com/test/cleancommit-product-card-redesign/

Cleaner, more consistent product cards with a color selector on the collection page lifted conversion rate 1.5% and revenue per visitor 9.3%. Clean Commit ran this test for an anonymized Shopify store and published it in its A/B test library. We count it as inconclusive: the variant had a 58.7% probability of beating the original, and mobile conversion fell.

## Result

**+1.5% CR, inconclusive**

- Conversion rate: +1.5%, with a 58.7% probability of beating the original. No clear difference.
- Revenue per visitor: +9.3%, mostly from higher average order value (+9.0%), but within normal variation.
- Desktop looked strong: conversion rate +14.3% and revenue per visitor +44.6%.
- Mobile conversion rate: -2.6%. Negative, so the new cards may not suit small screens.
- Add-to-cart rate rose 4.7% and click-through rate 2.2%.

## Control

The store's original product cards on the collection page.

## Variant

Product cards were reworked to be easier to scan, made consistent across the grid, and given a color selector.

## Why it likely came out this way (our reading)

- On desktop, a cleaner grid and visible color options may have made it easier to compare products and click through.
- On mobile, a color selector adds small tap targets to cards that are already tight, which can slow browsing.
- Higher order value could reflect shoppers finding the color they wanted, but the evidence is too weak to say.

## Caveats

Not significant (58.7% probability to beat the original), and desktop and mobile moved in opposite directions. Sample size and duration were not shared.

## How to run this test

- Hypothesis: If we make product cards cleaner and add a color selector, then more shoppers will click through and buy because the grid is easier to scan and options are visible early.
- Primary metric: Conversion rate
- Guardrail: Mobile conversion rate
- Guardrail: Click-through rate from collection pages
- Guardrail: Revenue per visitor
- Who should test it: Stores that sell products in several colors and have busy or uneven collection grids. Consider testing desktop and mobile card designs separately, since mobile went the other way here.

---

Credit: Clean Commit ran this test and owns the result. Summary and commentary by LiftArchive (https://liftarchive.com/test/cleancommit-product-card-redesign/).
Usage: Free to use, quote and build on, with credit and a link: name the practitioner or organization that ran the test and link to its LiftArchive page. The results belong to the practitioners who ran and shared them; the summaries and commentary are LiftArchive's.