Colour swatches on product cards, with a fabric count on mobile
What they do
On desktop each sofa card shows six fabric swatches and a "+45" for the rest. On mobile they don't try to squeeze them in: it just says "51 Fabric options". Tap a swatch and the product page opens in that fabric.
Why it works
Choice is the selling point on a made-to-order sofa, and both versions say so without you opening anything. The clever bit is not shrinking the desktop row onto a phone, where six swatches would be tiny dots under your thumb. A number reads faster. And tapping a swatch takes you to that fabric, so nobody lands on tan leather after tapping navy.
Makes sense when
Any product that comes in lots of colours, especially when the desktop design is about to get crammed onto a phone. What Heal's is missing: hovering a swatch on desktop doesn't change the card image, so seeing a colour costs a page load. Swap the image on hover.
More like this
More collection patterns
Want this on your store?
I'll tell you which of these patterns will move organic revenue for your catalogue, and which to skip.
Book a discovery call