schuh

Product cards that increased add to bag rate by 1.65%

browser window and mobile phone showing v5 webpage
2026
browser window and mobile phone showing v5 webpage
2026

Responsibilities

UX/UI Design

Timeline

1 Month

Platform

Web

Background

Schuh's category page product cards contained three buttons — Wishlist, Quickbuy, and More Like This. These buttons competed for limited space, resulting in a cluttered product card that was trying to do too many things at once.

My task was to investigate how the product cards could be redesigned to improve click-through and conversion rates.

The team

I was responsible for research, ideation, and UX/UI design. I collaborated with a UX/CRO Analyst who was responsible for assisting with research and building the A/B test.

What wasn't working?

I identified a number of key improvement areas through competitor analysis and reviewing existing analytics.

More Like This underperformed

More Like This underperformed

More Like This drove 21% fewer click-throughs and 31% fewer purchases than Quickbuy

Falling behind the competition

Compared with competitors, schuh's product cards felt cluttered and lacked a clear primary action

schuh

Nike

Falling behind the competition

Compared with competitors, schuh's product cards felt cluttered and lacked a clear primary action

Working hypothesis

Since Quickbuy interaction led to higher click-through and conversion rates, increasing it could benefit both users and the business. Quickbuy performs well because it allows users to view more images and product information without leaving the category page.

Final design

The redesign focused on a cleaner, calmer layout through reduced clutter and improved spacing, and optimising Quickbuy to drive higher click-through and conversion.

Reducing the ask

Reducing the ask

Quickbuy was renamed to Quick View — it requires less commitment and better aligns with the page's primary task, discovery.

Establishing hierarchy

Establishing hierarchy

Removing More Like This and repositioning Wishlist established product card hierarchy and brought greater prominence to Quick View.

Visual uplift

I tweaked the spacing and padding for the mobile product grid to make better use of horizontal space.

Before

After

Visual uplift

I tweaked the spacing and padding for the mobile product grid to make better use of horizontal space.

Visual uplift

I tweaked the spacing and padding for the mobile product grid to make better use of horizontal space.

Before

After

Impact

An A/B test was conducted over one week, with 50% of website users seeing the new product card design and 50% seeing the control.

+0.61%

+0.61%

Category page click-through

Category page click-through

+1.65%

+1.65%

Add to bag

Add to bag

+60%

+60%

Quick View interaction

Quick View interaction

+155%

+155%

Quick View click-through

Quick View click-through

Learnings

One gap in this project was the lack of usability testing. While the A/B test validated the changes quantitatively, qualitative research would have helped inform design decisions earlier in the process and given greater confidence in the outcomes.