At 20mm on a smartphone screen, a conventional packshot turns shampoo into condi
By Oliver Bradley · September 2, 2026 · Curated by George's Blog
At 20mm on a smartphone screen, a conventional packshot turns shampoo into conditioner.
(I proved it with Monday in a post earlier this year).
What's the so what?
-------------------------------------------------------------
Online Shoppers Scroll hundreds of thumbnail images in Seconds.
-------------------------------------------------------------
When the pack text is illegible, they cannot tell
Chicken from Beef stock cubes,
12 washes from 40 washes of laundry detergent,
a single unit from a multipack
and, in the case of Monday, shampoo vs conditioner still look identical online.
So shoppers hesitate, order the wrong product, or bounce to a competitor whose pack they can actually decipher. When we created the @GS1 Mobile Ready Hero Image open standards with Cambridge University, the goal was building we gave away the IP so everyone could follow.
Brand teams still want to create better heroes, as we've proven Readability Drives Revenue.
The core visual cues stay intact: the brand block, the iconic shape, the distinct colour palette. But the 4Ws, Brand, Format, Variant, and Size/Pack Count, are deliberately surfaced so they survive shrinking to thumbnail size.
Every asset is tested against APCA contrast and Cambridge Visual Clarity metrics, stripping out the fine print that belongs on the back of a physical cardboard box. All automated with RHINO AI by Neem if you don't fancy following the manual testing methods.
That means people can pick the wrong item, hesitate, or simply buy a competitor’s product. @GS1 identifies small-screen shopping and “add to basket” situations as the specific problem Mobile Ready Hero Images are intended to solve.
A Mobile Ready Hero Image may start with the real pack design, but it is optimised for fast recognition, rather than copied pixel-for-pixel.
Typical changes can include:
1.Making the brand name bigger - this helps drive instant brand recognition.
2.Enlarging Size “500 ml,” “12 pack,” as its the most common mistake made at thumbnail.
3.Making the product type clearer, such as “conditioner” or “tomato soup”
4. Removing or reducing less important legal, promotional or decorative text
5.Using a clean, high-contrast layout that survives being shrunk to thumbnail size
6. Retaining enough of the real pack’s colour, shape and identity so it does not mislead shoppers
So a true GS1 Hero image is not “fake packaging.”
Think of it as the pack’s mobile-mode interface: the same product, but with the key information surfaced first. GS1’s definition explicitly allows the image to differ from a standard pack shot, provided it retains the physical product’s essential design, shape and colour cues and helps shoppers choose correctly.
Shoppers have not given up on wanting to use their mobile, neither should you on giving them what they really want: mobile-ready visuals that pass Cambridge Clarity and Contrast testing.