Imagine yourself walking into a new fashion store in town.

The first step you take into the store, the floors start to creak.

And then, flakes fall off the ceiling.

Before you even have time to cope with all of this, a weird smell kicks in to complement the atmosphere.

You tell yourself “Hey, it could be worse”.

And then, the first thing you see when you finally start paying a bit of attention to the actual store, are clothes thrown all over the place.

Would you buy from this store?

Unless it sold original Hermes scarves for $20 or gave away 99.99% discounts on Mercedes cars, it’s highly unlikely that you will buy from this store, come back to it, or ever recommend it to anyone.

eCommerce users may not see the flaking ceiling in your office or warehouse, and they might not feel the odd smell coming from your office refrigerator.

What they do see, however, is your site. And the first page they land on is the one that can make or break the game.

How, exactly, are your landing page images connected to all of this? How can they be a total Conversion Rate Optimization game changer? What are some of the absolute essentials all eCommerce websites should know about landing pages that actually convert?

I have gathered everything you need to know about this right below – so read on if you want to find out more.

First and Foremost, What IS CRO and What Is It Not?

Unlike its much more famous cousin (SEO), Conversion Rate Optimization tends to be frequently left at the end of the queue in the Digital Marketing industry.

And yet, it should probably be one of the first things to consider, especially once you have established a decent amount of traffic to your site.

If you’re not convinced of this, here’s a webinar we did a while ago with Rand Fishkin, former CEO at Moz.com.

Definition of CRO

Conversion Rate Optimization (CRO) is the process by which a team of CRO specialists analyze a website and implement changes that will help its visitors complete the desired action – thus, improving the Conversion Rate (the ratio between the visitors who land on a site and the visitors who land on a site and perform the desired action (e.g. subscribe to a newsletter, make a purchase on an eCommerce site, and so on).

What CRO Involves

Conversion Rate Optimization involves either one or a blend of quantitative (data analysis provided by Google Analytics, for example) and qualitative research (user interviews, for example).

Once you learn your visitors’ pain points and motivations, you move on to implement site changes that will remove those obstacles from their path to making a purchase.

Of course, this is an oversimplification of what CRO involves. Usually, a CRO team is consisted of a data analyst, a front-end developer and a QA, a copywriter, a UX designer, and a project manager. Moreover, CRO usually involves knowing a “bit of everything” – marketing, psychology, data analysis, and so on.

What CRO Is NOT

A lot of people mistakenly believe that Conversion Rate Optimization is about A/B testing alone. While that is most definitely an important component when it comes to implementing the best changes to a website, it is also most definitely not the only element of a thorough CRO process.

Moreover, CRO is not guesswork. Changing the color of your CTA button is fine, but only if your research shows that this is worthy. Any Conversion Rate Optimization thesis should be based on actual research, rather than guessing.

Asking questions guesswork

Why Images Are Important for Your Landing Page

We live in a world of pure…imagery.

Just stop for a moment and think of how crucial images are in your life. In a digital world, it’s how you perceive the products you’re buying, the people you interact with, and even the vibe you get from a shopping experience.

Superficial?

Not really.

Turns out, the world’s always been prone on judging a book by its covers. The actual saying “Don’t judge a book by its covers” dates as far back as 1944. And if that’s not reason enough to think of how powerful images are, take a look at the Sistine Chapel’s ceiling.

Over the course of history, images have been used to do more than just tell a story – they have been used to convey powerful messages and convince people. I won’t get political here, but images have not always been used for the greater good – there are plenty of examples that go in the exact opposite direction, actually.

So, Why Are Images So Important?

It has become kind of a given that images are important in marketing – but if you’re still not convinced, here are some statistics:

  • The human mind processes images 60,000 times faster than text. So, before your users even get to read the first line of copy, they will have already formed an opinion about your landing page.
  • 90% of the human brain works in visual mode. That means that only the remaining 10% is split among the other senses (all of which are important, of course, but in a much smaller proportion).
  • Humans are the only species capable of articulated language – and while that’s a great achievement on the evolutionary scale, it’s also not what we’re all about. In fact, 93% of all communication is non-verbal.
  • On average, more than half of the Internet is all about images (as shown below in a screenshot from this infographic created by QuickSprout).
Internet Visual Content Chart

And here’s a linguistic approach to images: all basic communication can be encapsulated in a basic schema that includes a sender, a message, a code, a channel, and a receiver. In the case of a landing page, you (the eCommerce Manager/ designer/ developer/ copywriter) are the sender and your site’s visitors are the receivers. The message is whatever you want to put on your landing page – visual or not. The code is the language, while the channel is, well, the Internet itself.

Online Communication Schema

Great copywriting is crucial for the success of a landing page – but if you think of the aforementioned schema, images become even more important in online communication. Basically, images can make your message come across even if the person at the other end of the communication channel doesn’t speak English (but still pertains to the same general cultural context as you do and is triggered by the same signs, symbols, and connotations they’ve been “wired’ with ever since childhood).

For instance, an image with a person nodding their head will mean the same thing for most of the world, except for countries where nodding is a sign of negative reinforcement of a message, rather than positive.

Aside from these exceptions, most people are triggered by more or less the same visual signals (e.g. an open palm facing upwards is a sign to take action).

Yes, images are of the utmost importance in marketing – and your landing page is the first element of your brand visitors connect to. So yes, you need great images to convince them to buy from you.

The Essential Landing Page Image Tips for Your eCommerce

Going back to the example I gave in the introduction, landing pages are just like a storefront: they either make or break the game.

Sure, there might be in-betweens, but that’s not where you generally want to lie when it comes to anything in life: you want to be at the very top of the chain, not stuck somewhere in the middle for an indefinite amount of time.

Conversion Rate Optimization Tips for Landing Page Images

In our experience as Conversion Rate Optimization pros at Omniconvert, we have found that some things work better than others. This is not to say that we have the universal recipe when it comes to landing page success (on the contrary, we always encourage everyone to analyze and test before making a final call).

I have laid out some of the most important tips in this direction:

How to Define a Good Image for a Landing Page

It is a truth universally acknowledged that there’s no one success recipe when it comes to marketing (or anything else, really).

However, there are some basic criteria a good landing page image should meet:

  • Your landing page images should be high quality (this comes without saying, but you really can’t put a pixelated image on your landing page – same as you wouldn’t put a rugged, muddy, colorless welcome mat in front of your physical store);
True Vault Landing Page
  • Your landing page images should be colorful and vibrant. Unless you’re selling something that’s ultra-luxurious and sophisticated, using a black-and-white image is probably not a good option. Colors, on the other hand, will make your landing page images more memorable.
Colorful Drip Landing Page
  • Your landing page images should include humans (it’s not an absolute must, but these tend to convert better). Also, the humans in the image should have their eyes/ bodies pointed at the main written message on the landing page (also a trick that converts better).
Rackspace landing page with human
  • The humans in your photo should be smiling – or at least they should be emanating a state of positivity and well-being. Images of sad people function well when you want to show them the situation they’re in now (as exemplified below in the Charlottesville Medical Research landing page). In general, though, you want to keep things positive – on your landing page and in life :). See this example from Coca-Cola.
Smiling Coca-Cola Landing Page
  • Your landing page images should show visitors why the products/ services you offer are going to ease their pain points/ meet their needs/ fulfill their desires;
Wix Landing Page One Image
  • Your landing page images should be backed up by research (quantitative and/or qualitative). At the end of the day, choosing landing pages images is all about Conversion Rate Optimization – and we have established in the beginning of this article that CRO is not guesswork;
  • If you are selling a service, your landing page images should appeal to an emotion your visitors have. The images could underline:

-The problem your visitors are having – such as in this example from Charlottesville Medical Research (source)

Medical Landing Page Negative

-The outcome your solution is offering – such as in this example from Wizzair (beautiful images of the cities users will visit once they book a plane ticket on the site)

Positive WizzAir Landing Page
  • If you are selling a physical product, your landing page image should absolutely, definitely, unequivocally include the product itself. Aim for the very best shot of the product (think of how car manufacturers show off their models on the landing page and apply the same quality principles to your product).
Mercedes Product Landing Page
  • Try to only use one image at a time. You can create a slideshow for your landing page, but don’t interconnect multiple images at the same time because it might create a sense of disorganization and it might take the focus from what’s important: your product/ service.
Contently Landing Page
  • Also valid for physical product landing pages: the more detailed, the better. An up-close shot of a watch can convert a lot more than showing it on someone’s hand.
Apple Iphone Landing Page
  • Use big photos. As shown before in this article, images are extremely important – so make the most out of your little slice of cyberspace and use big, aesthetically pleasing images on your landing page.
Samsung Members Landing Page

What Kind of Images NOT to Use for a Landing Page

It’s easy to make mistakes when choosing your landing page image – especially when outstanding landing pages are actually pretty rare (they all follow more or less the same pattern, depending on the industry – just a few of them stand out for the strategy that led to choosing them).

What kind of images should you not use for a landing page? Well, here it goes:

  • Stock images. The 90s called and they want their people-in-business-suits images back 🙂 Most people really dislike these – so much so that they could actually have the opposite effect on your landing page (instead of making you seem more trustworthy, they will make you seem superficial and not trustworthy).
SAP Landing Page Stock
  • Images you don’t have the rights to use or share. That pretty picture of a mountain scape you found on Google Images? It may be marked as “Creative Commons” in search results – but unless you actually track down its original source and ask for permission, you will never know. Sure, the Internet is a large place and there are probably billions of images shared online every hour. That doesn’t mean you should just comply and be part of an issue that affects creators, creatives, and, ultimately, business owners themselves.
  • Images that just don’t suit your general audience. Would you use a Harry Potter wand as an image on a landing page about tractors (where the target audience is male, mostly between 35 and 55 years old)? Probably not. Think of the imagery that triggers your target audience.
Audience Suitable Landing Page
  • Images that tell, instead of showing. A lot of business owners simply use an image of their products or an image of someone working with their tools. However, this is usually not the best way to achieve the highest Conversion Rate. As mentioned in the previous section, your landing page images should trigger an emotional response in visitors, rather than just showing them the product.
Storytelling landing page image

Where to Find Good Images

Good images are quite easy to find once you know what you are looking for. This is not to say that you should automatically settle on the first thing that remotely fits your criteria. It’s just a remark on the wide range of decent, totally legal options you have at hand. Some of them include:

These are just some of the resources, of course. If you do find any site online that offers free images, keep in mind that they should be reliable, reputable sources. Generally speaking, try to avoid user-submitted sources of free images because those images might not belong to those particular users (and they might not be as “Creative Commons” as they are deemed to be).

Last, but not least, you can always take your own pictures or ask your designer to create unique, completely original graphics!

How to Test Multiple Image Variations

As mentioned earlier in this article, it is absolutely crucial that you test your landing page images and see which one works best for your particular situation. While there are basic tips you can follow (such as those described above), nobody can make a better case for what works and what doesn’t on your website, other than your very own customers.

That’s what customer centricity is all about – and that’s what modern businesses should be all about as well. In a world where too many people focus solely on data, numbers, and cha-ching sounds, it is of the utmost importance to go back to your roots and put the customer at the center of your business decisions.

Customer Service giph

That’s why A/B Testing is such an important component of Conversion Rate Optimization. Definitely not the only one, as I have mentioned before as well – but surely one of the fundamental ones.

Testing multiple landing page variations is relatively easy, especially when you’re using the right tool. For instance, the Omniconvert platform could be a really good option when it comes to this. Our Software-as-a-Service doesn’t offer just A/B Testing, but also personalization and surveying options – or, in other words, it’s a full-option CRO platform you can test for free for 50K views.

Some of the things I want to point out and/or reiterate here:

  • Choose your audience carefully. You want the people who see your Control Variation (i.e. your current landing page) and your Variation (i.e. the new landing page you’re testing) in equal numbers. If you want to test two or more variations, make sure you split the audience equally as well.
  • Let your test run for a significant amount of time. In general, the amount of time you need to run an A/B Test is connected to the amount of traffic you’re testing on. However, running the test for 1-2 weeks should give you relevant results.
  • Make sure you have enough traffic to test the different landing page options (at least 50k-100k in monthly traffic). A/B Testing is great, but if you have a very small amount of traffic coming to your site, it might be difficult to generate conclusive and realistic insights into whether or not your target audience likes your new landing page (i.e. if it converts better).
  • Again, and I’m emphasizing on this one, create a data-based hypothesis before you start testing any kind of landing page variations.

A/B Testing can be a golden nugget when it comes to gaining clarity over the things that convert your eCommerce website’s visitors into buyers. Combined with surveys, overlays, and personalization, as well as with a proper segmentation of your customer database, A/B Testing can help you win the race against your competition.

Instead of a Conclusion

Creating attractive landing pages is more than an option.

In a world swarming with new eCommerce businesses every single day, yours needs to stand out. Even if you’re competing on a very restricted niche, for a very small audience, in limited demographics, making a good case for your eCommerce website’s landing page is crucial. Because if you don’t do this, one day someone will do it – and your customers will turn around to check out the flashier store in town.

We believe in testing everything, rather than taking every tip of advice for granted – and this belief is grounded in our core strategy: that of putting WHO before everything we do. Before you consider images, messages, and CRO tricks, it is of absolute importance to consider your audience first.

They are who you’re talking to.

They are the ones that will eventually make a purchase.

They are the ones who will come back to your store – again, and again, and again.

Be the eCommerce site your target audience yearns to come back to, just like they yearn for their favorite coffee shop in the world.

Give your audience a reason to come back

Build an outstanding landing page!