///Ecommerce Imagery: Persuading with Pictures

Ecommerce Imagery: Persuading with Pictures


The power of images in making a sale has been well known in
traditional marketing for a long time. This becomes even more important
online when there’s no physical product for users to handle. The images
on your website alone have to work even harder to convey the true look
and feel of your product.

Although the following guidelines focus on ecommerce imagery, they can generally be applied to most websites.

Professional quality

The quality of photographs is one of the few clues available online
for users to judge the quality of your products. The importance of
quality shots can’t be stressed enough, especially for luxury goods.
And it’s an investment worth making – conversions have been known to more than double through improved imagery.

images are professionally shot and of high resolution. Put as much care
and thought into imagery as you would your window display. If you’re
aiming at the luxury market, it’s important to create a feast for the
eyes to draw your site visitors in.

Hotel Chocolat has sumptuous imagery of its chocolate creations, persuading users to make a purchase:

Screenshot from Hotel Chocolat website

Alternate and detailed views

Offering alternate views is crucial to convey the full sense
of the product. An important alternate view is the detailed one. The
range of alternate views available should aim to provide a viable
alternative to viewing the product in a physical store. It’s a good
idea to allow the full range of imagery to be explored by providing
cues such as arrows in the gallery area.

The Gucci website goes beyond static alternate views by offering 360° rotation, zoom and drag to move functionality:

Screenshot from Gucci website

John Lewis clearly offers alternate views, including a range of detailed views so the flowers can be appreciated close up:

Screenshot from John Lewis website


Shoppers are unlikely to make a purchase in a bricks and mortar store without taking a close up look
at the product. So it’s essential that online product images are
enlargeable so users can take a closer look and feel they can explore
the product in detail. It’s common practice to open the enlarged image
in a pop-up window.

Ducati offers enlargeable photographs of its bikes to almost replicate the experience of going into their showroom to see one:

Screenshot from Ducati website

Quick to download

With 16% of the UK online population not yet on Broadband (source: National Statistics),
it’s important that images load relatively quickly. Shoppers used to
fast loading content are unlikely to wait around for images to load if
they take much longer than a few seconds.

Proportionately detailed

Using smaller versions of images on the home and/or category pages? Crop the image first so only the part of the image that captures its essence
is viewable. Only then reduce this cropped image in size. By removing
some of the detail the image won’t appear so cluttered and unclear.
Users struggle with images that are too small for the level of detail

Scale & context

Showing the scale of a product and its context of use can really
help users making a purchase decision online. By doing so, they’re able
to gauge how big an item is and what other products may go well with it.

can be demonstrated by using mannequins or human models e.g. small
items such as mobile phones can be portrayed held in a hand. Another
alternative is to provide a ruler guide in the corner of the image to
help users judge its scale.

Harvey Nichols shows the handbag’s scale and context of use by using a mannequin and clothes:

Screenshot from Harvey Nichols website

Show it all

Should your product come with accessories or components, display these laid out of the box
so users can see exactly what they’re getting and what other bits they
may need to purchase separately. This view can form one of the
alternate views of the product.

The Xbox website does this well, with all the components laid bare:

Screenshot from Xbox website


Any images used should be relevant and add value to the content on your
site. Images can be an effective tool in giving site visitors a quick
idea of what the content’s about. Irrelevant pictures detract from the
message being conveyed and can annoy users who don’t see the connection between the pictures and text.

In a nutshell

Persuasive imagery is a powerful tool in increasing product sales. Poor
imagery on the other hand can be detrimental to both sales and
potentially also the brand. Good quality imagery is an investment worth
making in an increasingly saturated and competitive online market.

2010-05-25T22:28:23+00:00 February 18th, 2008|Design|0 Comments

About the Author:

Mru's crazy about usability - so crazy that she works for Webcredible, an industry leading usability and accessibility consultancy, as a user experience consultant. She's very good at eye tracking and extremely talented at writing for the web.

Leave A Comment