Navigation
Page Designs

120 ‘Image Gallery Overlay’ Design Examples

with UX annotations by Baymard researchers

What’s this? Here you’ll find 120 annotated “Image Gallery Overlay” design examples from Baymard’s UX benchmark of 93 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)

On the product page, a commonly found way to display detailed product images is though an ‘Image Gallery Overlay’ — an overlay/modal window that often contains a complete and more detailed view of all the product images and videos.

120 ‘Image Gallery Overlay’ Page Designs
Filter by:

User Experience Research, Delivered Twice a Month

Join 25,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

User Experience Research, Delivered Twice a Month

Join 25,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter