skip to primary navigation skip to content

Evidence of hero image benefits

Mobile Ready Hero Images provide a clear, readable and consistent alternative to pack shots. This page presents various pieces of evidence showing that hero images perform better than pack shots.

On this page:

Problems with packshots

Packshots typically do not convey the 4Ws very effectively on mobiles.

Try viewing the image below on a mobile phone. Can you tell ‘Who is the brand?’, ‘What is the product?’, ‘Which variety is it?’ and ‘HoW much of it is there?’


Visual clarity results

The example below shows how a calibrated level of Gaussian blurring can be applied to an e-commerce image, in order to check whether the 4Ws are presented clearly enough to be easily visible within a search results page on mobile. The blurred version of the image can be evaluated on a large screen device, and the blurring simulates the challenges of viewing the image at thumbnail size (16 x 16 mm).

Considering this example, the original pack shot fails to communicate ‘Which variety’ and ‘How much’ with sufficient clarity. The percentage of people who might have difficulty perceiving these messages is in the range 52-100%, and this is not good enough. The same test is now applied to the corresponding hero image, which passes on all the 4Ws.

The Clari-Fi website explains how the level of Gaussian blurring is calibrated to population data, and also contains a worked example for e-commerce images.

Sales uplift results

Mobile Ready Hero Images were trialled live against conventional pack shots in A/B split tests with a range of retailers. The Mobile Ready Hero Images typically resulted in positive sales uplift as shown in the image below.

In each case, the result applies to the brand as a whole, but a single Mobile Ready Hero Image is shown as an example.


We would welcome your feedback on this page:

Your name:

Your email:

I would like to receive the Inclusive Design Toolkit news bulletin. This bulletin showcases people’s achievements with inclusive design tools, and highlights new tools. It comes out once or twice a year.

I would be interested in contributing to the Inclusive Design Toolkit news bulletin.

I would like a FREE activation code for the Inclusive Design Toolkit's impairment simulator software.

Your comments:

Please leave this field blank (it's a spam trap):

Privacy policy. If your feedback comments warrant follow-up communication, we will send you an email using the details you have provided. Feedback comments are anonymized and then stored on our file server. If you select the option to receive or contribute to the news bulletin, we will store your name and email address on our file server for the purposes of managing your subscription. You can unsubscribe and have your details deleted at any time, by using our Unsubscribe form. If you select the option to receive an activation code, we will store your name and email address on our fileserver indefinitely. This information will only be used to contact you for the specific purpose that you have indicated; it will not be shared. We use this personal information with your consent, which you can withdraw at any time.

Read more about how we use your personal data. Any e-mails that are sent or received are stored on our mail server for up to 24 months.

Unless otherwise stated, all images are © Unilever and used with permission. Walkers is a trademark owned and designed by PepsiCo and used with permission.