The document provides tips for e-commerce websites to improve product page design and showcase products effectively. It recommends showing products in context with everyday objects to demonstrate scale, including multiple images from different angles to show details, and using zoom functionality to examine textures and details. Videos and images of products in realistic settings can help buyers visualize how products would be used.
Product Images Tips for Showcasing Ecommerce Goods
1. E C O M M E R C E
PRODUCT IMAGES
Ti p s f o r p a g e d e s i g n t h a t w i l l s h o w o ff y o u r
p roducts
eCommerc e U X D e s i g n a M i n e W h a t i n i t i a t i v e
2. 1
Create a sense of scale
Providing product images and specifying
the dimensions in the product description
are not enough to determine the actual size
of the product. Show your merchandise in
proportional context, display your product
next to everyday objects. Ensure the object
you choose has a recognizable height or size,
say a person.
e c omme r c e u x d e s i g n . c om 1
3. 2
Show what’s inside
Show what’s on the inside rather than just
explaining it in the description. This will
also make it clear to the shopper that there
is nothing hidden about the merchandise.
For example you can show how many
compartments are there in the handbag,
how much storage space is available in the
cabinet, what the make up kit looks like, out
of its packaging etc...
Average order value increased by 26%. Read on to find out more on
how we helped.
LEARN MORE
e c omme r c e u x d e s i g n . c om 2
4. 3
Multiple images
People want to know exactly what they
are getting and a single product image
can’t show all the important features of
the product. Show your product in multiple
angles so that your users can better visualize
its details. The more the views, the better
the experience. Display the back, front and
sides and the interior of your merchandise to
increase conversions and decrease returns.
e c omme r c e u x d e s i g n . c om 3
5. 4
Textural images
For some product categories such as
apparel, getting an idea of what the product
feels like is an important factor in making a
purchase decision. Include an extreme close-up
image without the context from a best
angle so that they can see the texture as if
they have the product in their hand.
Read on to find out how a Shopify based luxury retailer increased
their landing page conversion by 200%.
LEARN MORE
e c omme r c e u x d e s i g n . c om 4
6. 5
360 degree interactive
image
If you don’t want to clutter your product page
with lots of images, then go for a 360 degree
view as it will present your product from
multiple angles and enable your shoppers to
evaluate your product thoroughly. In-store,
you can take a product, turn it around and
inspect it. Use 360 degree view to bring that
experience on your website. It shows the
product in as much details as possible in one
shot. A product rotator is a good option if you
cannot afford videos.
e c omme r c e u x d e s i g n . c om 5
7. 6
Zoom functionality
Make use of zoom functionality to show the
little details of the product. Let your shoppers
zoom in to see the most important details
of the product that they might be interested
in. The image should be clear even when it
is zoomed. In-store, visitors can pick up a
product and examine the material, finishing,
texture etc. At eCommerce stores, zoom
functionality will give that experience the
shopper to some extent by getting them
close to your product. Zoom your image on-hover
over any area of the product image or
integrate click-to-zoom and enlarge images
to full screen.
e c omme r c e u x d e s i g n . c om 6
8. 7
Videos
Product videos give a better idea of your
product’s value, how it works and what it
does in everyday life. If videos make sense
for your product, then its worth considering it
as it will help build shopper confidence in the
product. Tell the story behind your product
with videos and persuade your visitors to
buy. Differentiate photos from videos by
including a play button overlay on the video
thumbnail image.
See how a large fashion retailer used MineWhat to reduce exit rates
on their Out of stock pages by 2%.
LEARN MORE
e c omme r c e u x d e s i g n . c om 7
9. 8
Show product in
context
Add context to your product. Merchandise
shown in context are more memorable and
will give a sense of how it will look like in the
real world. Don’t sell your product. Sell the
experience that your product offers. Showing
the product in use will help the user get an
idea of how it will look like in context or how
it can be used. For example you can show
clothing on people, a refrigerator stocked
with food, how your furniture fit into a room
etc.
e c omme r c e u x d e s i g n . c om 8
10. 9
Images for every color
If your product is available in multiple colors,
have photos for each color so that your
shoppers know what it will look like in the
chosen color. When they see visuals of the
exact product they are going to get, your
shoppers will get a stronger sense for the
product and will be more confident that they
will get what they have in mind.
Time saved on category management everyday 2Hrs. See how
MineWhat brought an entire team onto one page.
LEARN MORE
e c omme r c e u x d e s i g n . c om 9
11. POWERED BY
Product Analytics for eCommerce
The #1 eCommerce intelligence platform for your sales and marketing
teams.
Quickly spot what works and what doesn’t on your store. Drive more conversions.
www.minewhat.com >>
FREE SIGNUP