skip to primary navigation skip to content

Why improve e-commerce images?

Mobile e-commerce is increasingly important, and shoppers tend to focus on the images on e-commerce websites, rather than the text. However, conventional pack shots fail to communicate critical information to shoppers. A clearer and more consistent alternative is needed.

On this page:

The importance of mobile e-commerce

Mobile e-commerce is increasingly important. It is no longer the case that most online shopping transactions are done on a desktop or laptop. In 2016, more than 50% of e-commerce transactions were conducted on mobile in countries including Japan and the UK. In other countries, the proportion of mobile transactions are also increasing, and it is only a matter of time before they too pass the 50% point.

The importance of Mobile Ready Hero Images

Some retailers argue pack shots are fit for purpose for e-commerce, because the text description next to the image provides all the information needed. However, eye tracking results show that most shoppers:

  • AVOID reading captions
  • VISUALLY SCAN images
  • IGNORE everything else

The majority of shoppers do not read the text description on retailers’ websites or mobile apps to verify the size or format. In a study by Unilever, nearly every shopper interviewed could tell a story of having accidentally bought a product that was not what they thought it was online (especially on size). This was because if a pack looks similar to the one the shopper expects, they do not bother to check the text to verify.

Furthermore, people chose to use online grocery shopping for convenience and to "save time". They typically want to select a large number of products as quickly as they can. If shoppers do not need to check the text, then shopping can be faster than it would otherwise be.

Problems with pack shots

There tend to be four key things that shoppers need to know. These are the four main messages that appear in product text descriptions on ecommerce websites:

  • Brand
  • Product type, e.g. shampoo or conditioner
  • Product variant, e.g. intensive repair or colour care
  • Size

Pack shots typically do not convey these four message effectively. To see this, have a look at the images below. One of these contains a pack shot and one contains a Mobile Ready Hero Image. Can you tell the brand, product type, variant and size?


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):
Submit feedback

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.