The request
“On the featured collection sections, I want customers to see the available colors and hover to preview each one. Also, on hover the image should change to a second shot.”
Homepage tiles were static. The brand wanted them to preview the product's range.
The approach
We added color swatches to the featured collection tiles that swap the product image when hovered, plus a second-image hover for the default view. On touch devices, tapping a swatch does the same.
What we shipped
Color swatches on featured collection tiles
Image swaps on swatch hover
Second-image hover on the default view
Tap behavior on touch devices