Branding

Packaging Design That Still Sells When the Shelf Is a 400px Grid

Packaging used to be judged at arm's length under retail lighting. Now it is judged in a search grid on a phone. That changes what the design has to do first.

Abdullah Pitul

Abdullah Pitul

Founder & 3D Product Designer

7 min read

The short version

  • Physical shelf and digital shelf reward different things: one rewards texture and finish, the other rewards silhouette and colour block.
  • Design the pack at thumbnail size first, then add the detail that rewards a closer look — not the reverse.
  • A range needs a system, not five individual designs. Consistent architecture with a variable flavour block is what makes a grid look like a brand.
  • Special finishes read as premium in the hand and as nothing at all in a JPEG, so budget for them knowing where they pay off.
  • Render the pack before you print it. A dieline mockup catches proportion and hierarchy errors that a flat PDF hides completely.

Packaging design carries an inherited assumption: that the pack will be encountered physically, at roughly arm's length, alongside competitors, under decent light. That assumption held for a long time. It no longer describes where most purchase decisions are made.

Today the same design has to work in at least four places — a physical shelf, a marketplace grid, an ad in a social feed, and a photograph a customer takes and posts. Those environments have conflicting requirements, and a pack that ignores the conflict tends to win one and lose the rest.

Two shelves, two sets of rules

What each environment rewards and what it ignores entirely.
Physical shelfDigital shelf
Viewing sizeFull size, arm's lengthRoughly 200–400 pixels
First thing noticedColour block and finishSilhouette and colour block
Texture and special finishesMajor advantageEffectively invisible
Small printReadable when picked upNever readable
Range logicRead across a facingRead down a scrolling column
Deciding factorHow it feels in the handWhether it survives the thumbnail

The important line in that table is the third one. Soft-touch lamination, spot UV, foil and embossing are genuinely persuasive when someone is holding the box — and they contribute almost nothing to a compressed image in a search grid. That is not an argument against them. It is an argument for knowing which budget line is buying which outcome.

Design small first

The practical fix is a change of order. Most packaging is designed at full size on a large monitor and checked at small size at the end, by which point the hierarchy is settled and the fix would mean starting over. Invert it.

  1. 01

    Start at 300 pixels

    Do the first passes in a small artboard. At that size a design has room for exactly three things: a colour, a shape and a word. Deciding which three is the actual design work, and doing it early prevents the rest from being decoration.

  2. 02

    Test it in a grid immediately

    Place the small version beside real competitor packs at the same scale. Not on a white studio background — in the environment it will actually compete in. Most concepts die honestly at this step.

  3. 03

    Scale up and add reward

    Only now add the detail that rewards proximity: illustration, texture, the story on the back, the copy on the flap. It has to earn a closer look without disturbing what already works small.

  4. 04

    Check the range as a system

    Lay every variant out together, at small size. If the flavours are indistinguishable, the colour coding is too subtle. If they look unrelated, the architecture is too weak.

  5. 05

    Render before print

    Build the dieline into 3D and look at it as an object. Proportion errors, an off-centre logo on a curved surface, a panel that disappears at the fold — a flat PDF hides all of these, and a printer's proof reveals them expensively.

A range is a system, not five designs

The most common failure in a growing brand's packaging is not ugliness. It is drift — flavour four was designed eight months after flavour one, by a different hand, under a different deadline, and now the shelf looks like a shelf of five brands.

The fix is deciding, in writing, what is fixed and what varies.

  • Fixed: logo position and size, the brand colour, the typographic hierarchy, the position of the product descriptor, the layout of the back panel.
  • Variable: the flavour or variant colour, the variant name, one supporting illustration or ingredient cue.
  • Documented: a one-page spec showing what changes when a new variant is added, so the sixth one does not require a designer to reverse-engineer the first five.
  • Tested: any new variant colour has to be distinguishable from every existing one at thumbnail size, and readable by someone with the most common forms of colour vision deficiency.
You can tell a brand has a packaging system rather than a packaging designer by whether the fifth flavour looks inevitable or improvised.
Something we say more often than we would like

Production realities that change the design

Packaging is the one design discipline where a manufacturing constraint can invalidate an approved concept outright. Establish these before the concept stage, not after.

  • Substrate. The same colour prints differently on coated board, uncoated board, kraft and film — and kraft in particular will shift every colour on the pack warmer.
  • Print method. Digital, litho and flexo have different tolerances; fine reversed-out type that survives litho can plug on flexo.
  • Registration tolerance. If your design depends on two colours meeting precisely, ask what the tolerance is before you commit to it.
  • Legal and regulatory panels. Ingredient lists, nutrition tables, warnings and recycling marks have minimum sizes that are not negotiable, and they take more space than a concept usually allows.
  • Barcode placement and quiet zone — the thing most likely to force a late redesign of a back panel.

The inside is part of the design now

For anything sold direct to consumer, the pack has a second performance after purchase. The interior surface, the way the box opens, the first thing visible — these get photographed and posted in a way that outer packaging on a retail shelf never did.

This does not require expensive additions. A printed interior, a considered opening sequence, and one line of copy where nobody expects it will do more than a foil treatment nobody photographs. The cost is design attention rather than production spend.

Before you brief a packaging project

Bring the dieline, the substrate, the print method, the full list of variants you expect within two years, and the regulatory copy. Bring photographs of the competitor set as it actually appears — both on shelf and in a marketplace grid. A packaging project that starts with those things in the room typically needs one revision round; one that starts without them needs three.

Common questions

How much does packaging design cost?

It varies far more with structure and range size than with the visual work itself. A single carton on an existing brand system is a different project from a five-variant range needing its own architecture, and a structural design brief is different again. The most useful thing you can do before asking for a quote is count the variants and confirm whether the dieline already exists.

Do I need 3D renders of packaging if I am also printing it?

In most cases yes, and for two separate reasons. Before print, a render catches proportion and hierarchy problems that a flat layout hides. After print, you need pack imagery for the website, marketplace listings and ads months before boxes exist — and rendering it means creative is not blocked on a production run.

Should packaging match the website exactly?

It should share the system, not the layout. Colour, typography and voice should be unmistakably the same brand; the composition will differ because the constraints differ. A pack has a barcode, a nutrition panel and a fold; a homepage has none of those.

How do I stop a range drifting as we add variants?

Write the system down before the third variant, while it is still cheap. One page covering what is fixed, what varies, the colour rules for new variants and the thumbnail test any new pack has to pass. Most drift happens because nobody could point to a document, not because anyone disagreed.

  • packaging design
  • brand identity
  • dielines
  • retail design
Share
Abdullah Pitul

Written by

Abdullah Pitul

Founder & 3D Product Designer

Last updated