Landing Page Best Practices
-
Upload
red8-interactive -
Category
Marketing
-
view
170 -
download
1
Transcript of Landing Page Best Practices
![Page 1: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/1.jpg)
LANDING PAGE BEST PRACTICES
![Page 2: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/2.jpg)
Page
WHY IT’S IMPORTANT?
In addition to depressing response the following will also diminish goodwill:
• Hiding info I want
• Punishing me for not doing things your way
• Asking me for info you don’t really need
• Shucking and jiving me
• Putting sizzle in my way
• Looking amateurish
2
![Page 3: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/3.jpg)
Page
WHY IT’S IMPORTANT?
In addition to improving response the following will also improve goodwill:
• Know what people want to do and make it obvious and easy to do it
- Tell me what I want to know
- Save me steps whenever you can
- Know the questions I’m likely to have, and answer them
3
![Page 4: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/4.jpg)
Page
OH, AND IT WILL SELL MORE
4
![Page 5: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/5.jpg)
Page
ONE PURPOSE
Persuade visitors to take a particular action or have a particular POV
5
![Page 6: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/6.jpg)
Page
WHAT MAKES A LP EFFECTIVE?
The best landing pages answer three questions, in less than < 5 seconds:
• Am I in the right place?
• Why should I stay?
• What do I need to do?
6
![Page 7: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/7.jpg)
Page
DON’T MAKE ME THINK
Communicate instantly that they are at the correct destination
Use space efficiently
Be clear and to the point
The exception — make it hard to leave —Minimize / de-emphasize exit points
7
![Page 8: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/8.jpg)
PageProject Name
AM I IN THE RIGHT PLACE?
8
Goes to this
![Page 9: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/9.jpg)
PageProject Name
AM I IN THE RIGHT PLACE?
9
Not this
![Page 10: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/10.jpg)
Page
PICTURES TELL, BUT COPY SELLS
10
![Page 11: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/11.jpg)
PageProject Name
USE SPACE EFFICIENTLY
11
Eye-tracking research by Eyetools, Inc. and the Poynter Institute defines the relative
zones of onscreen attention. (Dark = most)
![Page 12: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/12.jpg)
Page
USE SPACE EFFICIENTLY
The number of columns in your landing page will effect conversion rates
12
![Page 13: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/13.jpg)
Page
CLEAR AND TO THE POINT
The headline — the most valuable asset on your page
• Benefits not features
• At the top
• Clear, sharp and easily scanned
• Instantly communicates the purpose of the page
• Grabs their attention, and
• Encourages viewers to stay
13
![Page 14: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/14.jpg)
Page
CLEAR AND TO THE POINT
Keep text uncluttered — makes the page easy to scan
• Lots of heads, sub-heads and bullets
• Space, preferably white space, around text
• Stick to simple, easy to read fonts
- Avoid light grey/purple/brown/red (anything but black and blue) fonts
- Avoid white type on black backgrounds
• Use a larger font — especially if the target is over 40
14
![Page 15: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/15.jpg)
Page
CLEAR AND TO THE POINT
Tell visitors, in the first sentence, what they want to know
• Content takes the reader to the next stage
• Reasons to believe that support the benefit in the headline
• All major points above the fold
• Don't say too much or bounce around
• Make link destinations clear in the first few words
15
![Page 16: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/16.jpg)
Page
LONG COPY VS. SHORT COPY
Short Copy
• Easy, quick decisions
• Low cost purchases
• Low risk actions
Long Copy
• Considered, more complex decisions
• High cost, high value purchases
• Significant commitments
16
![Page 17: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/17.jpg)
Page
IT’S THE OFFER STUPID
17
![Page 18: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/18.jpg)
Page
CLEAR AND TO THE POINT
Primary CTA toward the top of the page on the right side
Tell them what to do, with urgency—“Sign up Now" "Call Right Now" “Get it Now!”—Never use “Submit”
Multiple CTAs throughout the landing page — above and below the fold
18
![Page 19: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/19.jpg)
Page
BUTTONS ARE YOUR FRIENDS
Buttons guide consumers to a desired action on a landing page
19
Not This This
Dodge’s LP confuses consumers with multiple CTAs and too many visual cues
Live Nation has just as many CTAs as Dodge, but consumers know what to do, and how to do it
From Marketing Sherpa’s Landing Page Guide
![Page 20: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/20.jpg)
Page
FINAL THOUGHT
This is admittedly full of sweeping generalizations—assume nothing, test everything, small changes can have a big impact on conversion
20
![Page 21: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/21.jpg)
PageProject Name
SAMPLE SITE*
21
Just the images required to support the campaign
No animation
Multiple CTAs—what should they do
Clear headlineWhat is the offer
Text is short and to the point
* Not my work
![Page 22: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/22.jpg)
PageProject Name
SAMPLE SITES*
22
Just the images required to support the campaign
Multiple CTAs—what should they do
Clear headline
What is the offer
Text is short and to the point
* Not my work
![Page 23: Landing Page Best Practices](https://reader030.fdocuments.us/reader030/viewer/2022032513/55d05d80bb61eb601e8b4606/html5/thumbnails/23.jpg)
Page
CONCLUSION
Focus on the primary objective — everyone will benefit
Assess every element on its ability to impact the primary objective
Don’t make them think — you have 5 seconds
It’s the offer stupid
Test everything
23