Digital Marketing Blog

turn visitors into customers online-451364-edited.jpg

7 Key Elements To Designing An Online Catalog That Converts

It's a great step forward when you decide to go from print to online with your catalogs.

However, one of the key things to look out for is finding an attractive way of showing your products or services through your online catalog. The design can determine whether visitors bounce away or follow through with a purchase. 

Luckily, there's plenty you can do to turn your flat PDFs into engaging and profitable catalogs.  

In this post I’ll show you which elements you can tweak in your digital catalogs to make those visitors want to buy.

#1 Make use of negative space

#2 Use powerful product images

#3 Limit the number of products per page

#4 Create compelling product descriptions

#5 Enrich the catalog with product videos

#6 Use well placed CTA's 

#7 Create links to your website

#1 Make use of negative space

White space is often referred to as negative space. It's the portion of a page left unmarked and arises from graphic design practice, where printing processes use white paper. White space doesn’t need to be white, it can be any color.

What’s important about using negative space is that this ‘tool’ makes the page look balanced and easy-to-read. This is important for online catalogs as sitting in front of a computer screen is much more tiring than flicking through a printed brochure.

But, a huge benefit of going digital is that creating online additional pages doesn't cost you extra. So you have no reason not to spread out your products and really harness the use of negative space.

 

Even if you only have one picture and some text available, you can still create an incredibly attractive layout by using white space. 

Below you can see how AFA JC Decaux use white space to guide the readers to the image and their history, written in text to the right.

AFA.jpg

 

#2 Use powerful product images

When it comes to online catalogs it's critical to catch the user’s attention quickly. You can do this in different ways, but one of the best ways is to use images.

As the shopper can't pick up the product and see what it feels like, product images are key in selling online. 

turn_visitors_into_customers.jpg

Powerful product photos should be your no. 1 priority if you want to retain visitors in your catalog or on your website. According to InlineVision, the single most important part of any product page is the product image. Especially since great product images can increase your eCommerce conversion rate by as much as 30%.

Make sure your images are large, high-resolution and highlight the key features of the product.

High-quality pictures are not just relevant for physical products. When you sell a service, subscriptions or provide information to your audience, visuals are still very important, as we remember 80% of what we see. (And only 20% of what we read). 


Spies

You can see in the example above the impact strong images can have on a page. When their readers sit in front of the computer on a cold winter day, wishing to be on holiday, nothing can be more efficient and sales-driven than a picture of a holiday island or a happy family on tour in Greece.

Show products from different angles and variants

Another smart move is to show the product from several angles. FOGIA really highlights the importance of this in their digital catalog.

2017-08-01 12_52_44-Fogia2017.png

On several pages, they also have an icon with "See more pictures". This opens up a carousel showing the product in more colors and from more angles. This makes it easier to imagine how the product looks in real life and showcases the different options.

It's invaluable to their shoppers.

Show products in a set

The no. 1 cosmetics company of France, Yves Rocher  is great at showing products in a set, urging customers to buy more than just a single product. 

2017-08-02 08_35_53-Album 9.png

All products can be sold separately, but buy more together and you save money. Not only do you get a good deal, you also get products that compliment each other - hand picked by Yves Rocher.

Show matching products

Another variant of cross selling is to show complementary products, so visitors know what fits together. Buy one and you can't live without the other. 

Clothing company Marcus uses one of their catalogs for showing matching items.

If you buy the jacket, how can you not be encouraged to buy the shirt, trousers and bow tie set? 

2017-08-02 09_30_26-Marcus.png

Another way of displaying matching products is like in the below example from Plantorama. They show a great variety of products in matching colors, so you know they have a big collection.

2017-08-02 10_01_55-Plantorama.png

#3 Limit the number of products per page

You might get away with 20 products per page on your printed catalog. But not online.

There are way too many distractions, so you need to keep the user focused and engaged. And, despite what you might think, pages overflowing with products will do exactly the opposite.

Think back to #2.

Less is more!

 

- Ludwig Mies Van Der Rohe, Designer (1886-1969)

Fewer products per page helps the user focus more. Without printing costs to consider there is no limit to spreading your products across additional pages!

Below, you can see an example of Aarhus Elite. They make use of all the three tips we've covered so far. They use a lot of negative space, a big image and have a single product on the page. Through one simple image they have brought your attention to the product and it's easy to take in and appealing to look at. Nice, right?

Aarhus Elite

#4 Create compelling product descriptions

Now that you have more space in your catalog, take advantage of it by providing more value for your readers with product descriptions. Engaging product descriptions enhance corporate storytelling. They make you understand the meaning behind the product or brand and make you want to read more.

By Lassen's product descriptions are written to spike an interest in design lovers, but are so straightforward that anyone can understand them.

Look at the example below, they include captivating phrases like "he spent years fine-tuning an iron prototype" and "each individual Cubus candle holder is made on the basis of strict mathematical formulas and is calculated with great precision", which get the intended audience further engaged with the product and brand. 

2017-08-01 14_07_10-by Lassen catalog.png

Another example comes from COOP with their spring catalog. Product descriptions are accompanied with stories of the designers behind them, incorporating a little bit of personality and storytelling.

2017-08-01 15_19_13-Forårskatalog 2017.png

 

Size Charts

Next to the general product description you can also showcase a size chart. When selling products where the correct size matters, such as clothing, shoes or bikes, it can make a huge difference to show what sizes to buy.

COOP has a size-guide next to their child size bikes showing both ages, height and recommended inches.

2017-08-02 07_40_59-Cykel katalog 2017.png  

#5 Enrich the catalog with product videos

You can't ignore videos in your marketing efforts. Viewers are between 64-85% more likely to purchase from you, when they've seen one of your product videos (source). 

So it's a good idea to invest in videos. Make the videos personal by having someone showing and talking the potential customer through the product. 

Tupperware has embraced the concept of product videos and is using it actively in its catalogs. As many of Tupperware's products require assembly, they use product videos as a very effective way of showing how easy the products are to assemble and use: 

2017-08-02 11_46_26-Tupperware US & Canada.png

Visit FaroeIslands has embedded video presentations that open directly within their digital catalog showing highlights of the nature and culture on the Faroe Islands. 

2017-08-02 13_28_56-ServicecatalogueNORDIC.png

#6 Use well placed CTA's

A well placed call-to-action can make a huge effect on converting browsers into customers. They invoke a clear action for the readers and it gives them a logical next step.

The colors and the contrast with the background can make a huge difference in making your readers aware of the option of buying and the way they can buy.

Luckily, this is quite easy to do. The first and most important thing you need to look for is the color contrast of the buttons with the background. Mr. does it well in their catalog with the green buttons on white background.

mr-spring-catalog-ipaper-916846-edited.png

Another thing you can do is make the buttons a bit bigger. But be careful not to irritate the customer if there are already too many products on the page.

Keep in mind that you need to find the right balance.

Careline part of UnoMedical has well placed CTA's that are easy to spot. By clicking on the video, it opens up directly within the catalog. Clicking on "contact us", your email opens up. It's very effective.  

2017-08-02 14_32_36-Careline.png

Read more about creating CTA's in this blog post:

4 tips for crafting compelling CTA's in your online publications » 

#7 Create links to your website

When making the leap from print to online catalogs, it's also extremely important that you link the catalog to your website. One of the many perks of digital catalogs are that they are truly interactive publications and thereby improve the buyer's journey.

One way to do this is to create links in your catalog to your website. It can be to the webshop, product pages, the "About us" page and so forth. 

One of the best ways to turn visitors into customers in your digital catalogs is by making it super easy to shop directly from the catalog. 

We are impatient online, and the more steps we have to take to buy, the less likely it is that we swing out our credit card. 

See how Yves Rocher uses this feature in their digital flipbook. With slide-in shopping icons they get your attention to the shoppable item numbers.

2017-08-02 16_12_22-Album 9.png

Click here to read about how shoppable content works in digital catalogs.

Conclusion

Now it's time for you to take the next step towards creating online catalogs. Use all the available tools to improve your digital catalogs and achieve your sales and marketing goals.

It doesn't have to be difficult or time-consuming. Often even very small changes can help give your visitors that engaging experience that turns them into paying customers.  

Start with the ones most relevant to your business. You can always add on more features to make the digital experience in your catalog even more compelling and engaging. 

About the author

Bettina Oksen Bendorf

Bettina Oksen Bendorf

Bettina is an Inbound Marketing Specialist. I have a passion for creating relevant content with focus on the receivers’ needs. Always with the customers’ point of view in focus: “What’s in it for me?”. Chocolate lover and fitness junkie.

Back to the blog

Want real insight into digital catalog marketing? Sign up for the iPaper email newsletter


All Topics