Get 30% off courses running in September - use code "SEPT30" View training courses

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.

1. 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.

Ensure 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

2. Alternate & 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

3. Enlargeable

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

4. 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.

5. 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 involved.

6. 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.

Scale 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

7. 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

8. Relevant

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.

Case studies

Our success stories

  • UCAS

    UCAS's Track portal is award-winning, achieving a 95%+ satisfaction rating across its 750,000 users

  • Hotels.com

    Hotels.com gained a much stronger competitive advantage due to a great mobile & tablet strategy

  • Pearson Education

    Pearson Education has embedded user-centred design into all their digital design processes

More case studies

What are you working on?

  • End-to-end customer experience

    Join up your customer touchpoints to deliver the best possible digital experience that is proven to deliver outstanding business results

  • Customer loyalty & retention

    Ensure your brand promises are delivered through your digital channels so that your customers return and bring others with them

  • User experience of digital touchpoints

    Make sure all your customer touchpoints consistently deliver the very best in user experience, design and usability.

  • Online sales & conversion optimisation

    Increase conversion across all your digital channels. Our clients sell more because they reap the benefits of our sales optimisation expertise.

  • Digital strategy

    Get ahead of the competition with a customer-centred digital strategy designed to deliver long-term business success.

  • Application & product design

    Deliver the best experience for your customers with intelligent digital applications tailored to your business goals and customer needs.

  • Mobile & tablet strategy

    Improve your mobile & tablet propositions with innovative, cutting-edge interface designs that work for you and your customers.

About us

We're a user experience agency (UX agency) that creates people-centred, efficient and delightful digital experiences.

Get in touch on 020 7423 6320

 

Skip to site navigation