How Accordion Product Cards Increased Purchase Conversion by 21.3% for The Ramp People

Client: The Ramp People Agency: Proof3 Page: Product listing pages Devices: Desktop & tablet
  • +21.3%Purchase conversion
  • +14.0%Add-to-basket rate
  • +35.3%Revenue per user

Introduction:

The Ramp People is a UK specialist in wheelchair ramps, threshold ramps and access solutions for homes and businesses. Choosing the right ramp depends on details like height, width and load capacity, so customers compare products carefully before they buy.

The Ramp People partners with UK eCommerce CRO agency Proof3, who use Mida to test improvements across the store.

The Problem:

Proof3's analysis showed customers moving back and forth between listing pages and product pages while comparing ramps. Each product card carried a block of bullet-point features, which made the listing long and hard to scan, yet shoppers still clicked into product pages to check whether a ramp suited them.

The challenge was to make product cards easier to scan, without taking away the information customers needed to judge suitability.

Insights & Approach:

Proof3 kept the information but changed how it was presented. Using Mida's code editor, they moved each card's key features into a collapsed "Key Features" accordion, so the listing showed price, stock and delivery at a glance and the detail was one tap away.

Hide the detail, not the information.

Control: product cards with a full bullet list of features on each card

Control: every product card lists four feature bullets, making each card taller and the listing harder to compare.

Variant: product cards with the features collapsed into a Key Features accordion

Variant: the features are collapsed into a "Key Features" accordion. Cards are shorter and easier to scan, and shoppers can expand the details without leaving the listing page.

The accordion lets customers check suitability on the listing page itself, instead of opening product after product to find the same information.

The Experiment:

Proof3 used Mida to run an A/B test on The Ramp People's product listing pages for desktop and tablet visitors, comparing the original product cards against the accordion version. The test ran for 18 days, with purchase conversion, add-to-basket rate and revenue per user as the key metrics.

Mida features used:

  • A/B testing on product listing pages
  • HTML / JS / CSS code editor
  • Device targeting (desktop and tablet)

The Results:

The accordion product cards delivered a substantial improvement against the control:

  • Purchase conversion: +21.30%
  • Add-to-basket rate: +13.95%
  • Revenue per user: +35.34%

Based on these results, the accordion product cards were rolled out to 100% of desktop and tablet traffic.

A closer look: fewer clicks, more purchases.

Product page views dipped slightly in the variant, while add-to-basket and purchases rose. That's the pattern you'd expect if the change worked as intended: shoppers found what they needed on the listing page, spent less time bouncing between pages, and moved on to buying with more confidence.

Key Takeaways:

Less on screen can mean more information, not less. Progressive disclosure keeps product cards scannable while still giving customers the detail they need to make a decision.

Watch for "u-turn" behaviour. Repeated back-and-forth between listings and product pages is a strong signal that the listing isn't answering a key question. Proof3 used that signal to shape a test that Mida could validate on live traffic.

Give Mida a try for lightweight A/B testing

If you're looking to optimize your website's performance and streamline your A/B testing process, Mida is the ideal solution.

With its lightweight script and focus on performance, Mida ensures that your website remains fast and responsive while offering powerful A/B testing capabilities. Experience the benefits of Mida by integrating our lightweight script into your website today.

---

Get started for free on Mida — up to 100,000 monthly tracked users.

The A/B testing platform for people who
care about website performance

Mida is 10X faster than anything you have ever considered. Try it yourself.

Decorative graphicDecorative graphicDecorative graphicDecorative graphic