Turn an Image into a Landing Page Power Up
Oli Gardner will make you blush when he rips your landing page copy from its safe HTML home and shows you what it says as a plain text file.
I got to thinking, what if we just pulled the images from your website? Would they be able to tell the story of your value proposition?
The Role of Images on a Web Page
Too many designers see images as a way to break up the copy on a web page. They use filler images, stock photos and silly graphs that have no meaning.
Images are a powerful way to convey your value proposition – the reason that a visitor should consider your offer. This is true for landing pages as well as your home page.
The impact on a landing page can be extreme.
Images draw the eye. When your visitors first arrive, these are the elements that get seen first as they scan the page. Images can immediately ask the first question your prospects have, “Am I in the right place to get what I’m looking for?”
Images should compliment, support and enhance the copy on the page. Any image that doesn’t move the value prop forward is hindering it.
Pull the images from your page and take a look.
The Image-only Version of Your Landing Page
If you were to pull just the images from your site, would they tell your story? Here are the images from a site offering information on annuities.
It starts off great. The main image has a stock model representing the target audience.
Adding text to an image is a simple way to give it power.Adding text to an image is a simple way to give it power. Furthermore, the model is looking at the information you want them to read. If a model is staring at the visitor, the visitor tends to focus more on the face, and less on the messages on the page.
This is essentially an in-image caption.
Captions Get Read
One of the most read portions of your landing pages is the caption. Unfortunately, most pages don’t use captions. Captions explain the image in more detail, moving the value proposition forward for the reader.
Captions are a great place to repeat the offer on the page.Captions are a great place to repeat the offer on the page.
The Caption Test
The best way to test to see if your captions are helpful is to ask a stranger to write a caption for it. How would our annuity page fare?
Caption Test: “Get complex information about something.”
The heading for the copy next to this is, “What are the fees associated with an annuity?” This should be repeated as the caption.
The remaining images don’t do so well.
Caption Test: “I will meet attractive older men. Sooo handsome.”
The copy headline next to this image reads, “What if I need access to the principal in my annuity?” The answer may have made this handsome man smile, but the image really doesn’t support the point. This would not work as a caption.
Caption Test: “Time is running out for you and your little dog too!”
The copy next to this image reads, “How long will I be able to receive income from my annuity?” This would work as a caption. But with the power that an image has for conveying a message, I think this page could do much better.
Images that Work
In general, your images should strive for the following characteristics.
Use real people when possible: employees, clients and spokespeople are great choices.
Use text on the image and as a caption to advance your value proposition.
Don’t be afraid to repeat offers in captions and on-image text.
Design images that support the copy on the page.
Direct the gaze of people in images to offers, forms or other important parts of the page.
For software products, choose screen shots that don’t make your product look intimidating.
Spend as Much Time on Your Images as Your Copy
Utlimately, if you spend as much time on your images as you do your copy, you will find creative ways to power conversions on your landing pages, home pages… all pages.
Images courtesy ICIMS, Expert Market and TheStreet.com.
- CRO and SEO Working Together with Jason Fisher - November 17, 2022
- Why Web Design for Conversion Needs Science - May 4, 2022
- What are the Steps of Conversion Optimization - August 9, 2021
The caption test answer on the pie chart :
“This is a pie chart whose components do not sum to 100%. You cannot trust any quantitative data or analysis from our company.”
Great article, Brian. Imagery is powerful – to not leverage this power (seeing images as decoration) is wasted opportunity. 1000% agreement on using real people.
Thanks, Pete. Great to hear from you.