Scroll to explore
Farrow & Ball product page, mobile screenshot: A gallery of the product in real rooms, filtered by room
(PRODUCT_PAGE_)
11 / 28
Best practice UXCRO

A gallery of the product in real rooms, filtered by room

Farrow & Ball Product page
View live example
01

What they do

Under the description there's a gallery of the colour in real rooms, and you can filter it by room. The filters only show rooms they've actually got photos for, so Douter has two to pick from and Nancy's Blushes has nine, nursery included.

02

Why it works

Paint looks different on a north-facing bedroom wall and a south-facing front door, so "show me this colour" really means "show me it somewhere like mine". Filtering by room answers that straight away. And a photo of someone's finished hallway proves the colour works in a real house, which a swatch can't.

03

Makes sense when

Products that look different depending on where they're used, and you've got the photos to show it. Build the filters from tags on the images rather than hard-coding them, or half come back empty. Four photos and six filters looks worse than four photos and none.

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