Image Carousel

I mocked up a carousel swiper .js component for product pages on mobile. These are pre-built components that our developers will implement across the Tuft & Needle site.

User testing revealed that people aren't aware of a gallery of images, or at least do not interact with the existing carousel. These changes are being made to improve the user experience.

Changes:
- Arrows on image to navigate left or right
- Thumbnails under main image on mobile instead of indicator dots.

Functionality:
When the last visible thumbnail is selected, the row shifts one thumbnail at a time to the left. At the end of the sequence, it loops back to the beginning of the image set.

Posted on Jun 9, 2020

More by Rachel Rose

View profile