Skip to content

Agency

About Coffee & Candle

A London brand and marketing consultancy that starts with strategy and finishes with the work.

Men from MarsBridging the gap between innovation and confidence.See the project
ContactBook a consultation

Packaging

Packaging That Stands Out on the Shelf and as a Thumbnail

Your pack has two jobs now: win the shelf and win a tiny online thumbnail. A practical guide to designing and testing packaging for both.

Coffee & Candle3 min read
Link copied

Packaging used to compete in one place: the shelf. Today it competes in two. Shoppers meet your product as a physical pack in a shop and as a tiny image on a phone. The best packaging wins in both.

Packaging That Stands Out on the Shelf and as a Thumbnail
In this article

The two-second rule

On a shelf, a shopper spends about as long on each product as it takes to glance. Online, a thumbnail may be smaller than a postage stamp. In both cases, three things must register fast: what it is, who it’s from and why it’s different.

Designing for the shelf

  1. Use a distinctive colour or shape. Look at the competitors around you and choose something they aren’t using.
  2. Lead with one message. The brand and the product type should be unmistakable.
  3. Make variants easy to tell apart. Flavours, scents and sizes need a clear system. Our packaging design brief template helps you plan one.
  4. Think in blocks. Shelves show many packs at once. Check how a row of yours looks.
  5. Respect the pack’s real size. Small text that works on a screen may not be readable in a shop.
Grocery aisle with stocked shelves
Photo: Pokemonprime, CC BY 4.0, Wikimedia Commons
Steps: Designing for the shelf

Designing for the thumbnail

  1. Test at small sizes. Shrink your design to 150 pixels and see what survives.
  2. Keep the front simple. Fine detail disappears.
  3. Use high contrast. Light-on-light and dark-on-dark look muddy at small sizes.
  4. Make the product name legible. If you can’t read it small, simplify.
  5. Plan the photography. Consistent angles and backgrounds make a range look intentional.

Test them together

Put your design next to three competitors, first at full size and then at thumbnail size. Ask someone who hasn’t seen it which product they notice first and what they think it is. Where they hesitate is where the design needs work. Our guide to testing a rebrand before you launch shows how to ask the right questions.

Do not forget the information

Packs also carry the information people need and often the information the law requires. Build it into the layout from the start, check the latest guidance from the relevant authority, and see our UK packaging EPR guide on how materials affect costs.

A quick checklist

  • Distinctive colour or shape
  • One clear message
  • Variants easy to tell apart
  • Still readable at 150 pixels
  • Looks good in a row
  • Legal information planned in

Our guides to packaging design examples and the packaging design process go further. If you want help, see our packaging design agency London page or book a free brand consultation.

Book a free brand consultation

Tell us where the business is today and where you want it to go. You’ll hear back from a person, not an autoresponder.

1 chair to 3 branchesHestory grew from 200 to 11,000 customers and from 6,000 to 120,000 followers. See the project
Tell us where the business is today. It takes about two minutes.
One of our team will be in touch within one working day to arrange a call.
A free 30-minute call about what your brand needs next.

Prefer to pick a time now? Book a call directly

Recent clients: Hestory, Men From Mars, Beacon Hill Healthcare

What do you need?
Budget (projects start from £8,000)

We’ll only use your details to reply to your enquiry. See our privacy policy.