Skip to content
Book a call
Handbook / Image gallery

Image gallery

The first images shoppers swipe through: the pack, info cards, how to take it.

Answers: Does it work?4 patterns

Why it matters on a supplement pageShoppers swipe the images before they read a word. Give each image one job: what's in it, how to take it, how it tastes. Most questions get answered in a few swipes.

pack shot
What’s in it
How to take it
How it tastes
Real reviews
01 / 04

Gallery of info cards

After the pack shot, each image is a bold card answering one question: what's in it, how to take it, the taste.

Use it when

Every supplement page. The images everyone swipes do the work of several sections.

Watch out

One question per card, in big type. Words on images are still claims.

For the facts, nowFor proof from people like me
hero image
★★★★★(2,184)Product name
02 / 04

Hero with a thumbnail strip

One big main image with a row of small thumbnails underneath.

Use it when

Desktop-first pages and products with strong lifestyle photos.

Watch out

Thumbnails are tiny on phone. Dots and swiping are often easier.

For proof from people like meFor the facts, now
product
study chart
▶ expert video
texture
★★★★★(2,184)Product name
03 / 04

Mixed-media grid

A grid that mixes the product, a study chart, an expert video and a close-up of the texture.

Use it when

Science-led brands with real evidence to show.

Watch out

Charts must be real and readable on a phone.

For the facts, nowFor safety, and a way out
full-bleed hero
★★★★★(2,184)Product name
04 / 04

Thumbnails over a full-bleed hero

Round thumbnails sit on top of a large, edge-to-edge main image.

Use it when

Brand-led pages where the photos set the mood.

Watch out

Make sure the thumbnails don't cover the product.

For proof from people like meFor safety, and a way out

What 239 gallery images taught us

We studied 239 gallery images from leading DTC brands, card by card. Strong galleries follow the same order, one job per card:

  1. What it is, instantlyHero with props or a clean hero
  2. What it doesCallout lines or an icon column
  3. What’s in itIngredient or dose tiles
  4. How to take itThe dose as the headline
  5. Does it work for people like meStudy stats with their basis, a review or an expert card
  6. Why this oneA highlighted comparison column
  7. The labelFacts panel with free-from badges
  8. MoodLifestyle portrait

The craft they share: a big product with props off the edges, one bold headline or a giant number, labels on thin leader lines, one colour field from the flavour, and depth. Then the part that makes a gallery yours: at least one card only your brand could have.

Not sure which one fits your page?

Book a free call. I’ll bring one idea made for your product page and the test to run.

Book a free call