Although there is no exact formula to making a perfect landing page, there are some common rules of thumb to increase your chances of making a winning one. If you’re looking for ideas on where to start with your next landing page design, the infographic below is a great place to begin. And remember, after you build your first landing page you must continually test variations to improve your conversion metrics.
via Formstack
Awesome Infographics ♥ Marketing Guides ♥ User Feedback Software ♥ Customer Analytics Software
Great article, and beautiful diagram. I particularly like the attention paid to trust indicators and the color legend. There are, of course, a lot of other tricks, such as adding time-sensitivity to the offer, and knowing when to use reversed text (lightly-colored text on a dark background). This article, though, is a phenomenally easy to follow start for anyone.
I have an ebook that has over 70 optimization tricks ( http://www.moluv.com/70ways ), but following this blog post will take care of the basics. Thanks for putting this together.
Thanks for sharing that, we’ll definitely have to take a look at that.
Yup. Found this really useful. Thanks for this. Visual information is so much easier. Check out this interesting visual timeline on the News of the World saga – http://creately.com/blog/diagrams/murdoch-the-news-of-the-world-saga-a-visual-timeline/
I’m always impressed by how much time and thought goes into your articles. Best corporate blog IMHO. Nice work.
Thanks Cody, we have some amazing people writing awesome and incredibly useful articles.
I realy like the article. What realy surprise me is the color factors. Realy will use this tips on my next landing pages.
Im thinking to translate this infografic to portuguese, if i do, will keep the credits.
Great Post.
That’s perfectly fine with us :) Glad to hear you enjoyed the article.
Nice article and visual. I wrote a similar article earlier this year that might be helpful:
http://mikestickney.com/wordpress/anatomy-of-a-landing-page-part-2/
The biggest challenge I’ve found working with marketing teams is that they do believe that there is a one “Magic Template” for LPs, which is not the case… just a set of “best practices” that can be a great starting point. Defintiely need to test, test, test.
Thanks for sharing that, I’ll take a look. Also I agree that there isn’t a magic page, but there are “best practices”. And yes, testing is KEY!
This is by far the best educational blog for startups!
Glad to have you as a reader with us Humphrey.
Again… ‘World class’ and practical article. Big thank you! :)
I agree, it’s great information and very helpful and simple to apply with our own sites.
This is a fantastically educational post Neil!! As a wanna-blogger, I look for ways and means to finesse my design and I’ve forgotten more about design than I’ve learned. Infographics are #WIN and this one has a nice bit about colour theory too.
I’m not fully in sync with the colour theory advice but I’m definitely going to use some of these tips while templating some WordPress stuff. Thanks again.
I can see how for some people it’s hard for someone to comprehend the information because many people can provide contradictions. At the same time, these studies were done thoroughly and more so to generalize the people who use the web.
I agree with the commenters. Very good article and nice diagram. In my line of work, Landing Pages are essential and too many times I see the boring affiliate pages, 8 or nine page downs to get the end. this is concise, and too the point.
good job
Very true… some pages convert much better with shorter landing pages while others do better with really long sales letters. It’s just something you need to do trial and error with.
I’m curious: Is this “color legend” universal ? For isntance, green being associated with wealth – didn’t ring a bell at all with me, until I remembered the USD bills were green – but in many other countries money is of entirely different colours… wonder if this spectrum has other “cultural shifts”.
It may not be the case for EVERYONE, but it’s more of a general assumption. Generalizing certain psychology beliefs work pretty well for online conversions. It’s not absolute, but it never hurts to AB test it.
This was so helpful and easy! Do you have any artilecs on rehab?
Thanks for extremely useful informations here. I am looking to improve my lp page too. actually my bounce rate is a bit high. I would like to reduce that. Thanks again
Well then this was probably the perfect read for you. Come back and let us know how you apply it and the results you get.
I will try to test a various of landing page for good performance to my site
That’s a great idea! You may want to try out 2-3 variations. Let us know what you discover.
hi Niel, its one of the most important thing to optimize conversion ratio, and your guides are really good for newbie as well as an expert web designers to help optimize.
thanks for this great tutorial.
Neil really does a great job at explaining this. I think this info applies to newbies and veterans who need to brush up on the basics.
Thanks for a great article. In my experience the best improvement have come from testing different layouts all together rather than improving the details on a particular layout. With that said I think you make some great points that apply to almost all layout choices. Thanks for a great article with specifics!
Yeah I agree with you… sometimes it’s the shifts of objects and forms that make a significant impact.
In your next article on LPs can you talk a little more about how long the messages should be in certain places like the header. Like lets say for the title don’t make it over 75 characters in length. But in general this is all so helpful and even the comments especially from Mo were very good.
Yeah, that’s definitely something we can get into on later posts.
If not for your writing this topic could be very conlovuetd and oblique.
Often we create landing pages that are within an existing website–and therefore have menus at the top. What’s your opinion of pages that fit within an existing website vs. special landing pages that stand alone?
I think it varies and would recommend testing both options out to see which works better.
It really just depends on what you’re goals are. Are you selling something?
I see “click here” everywhere and I’m concerned that I’m seeing here in this example.
Wouldn’t you want a call to action that explains what the action produces?
i.e the button below this comment form is “add comment” which is very explainatory.
I don’t believe there’s such thing as a “perfect landing page”. It all depends on what you actually want your visitors to do. The example related here could help a webmaster to have more client accounts maybe..
The tips are really superb. I would also like to show my landing pages to all your visitors. Also check out my landing page SEO Training in Chandigarh
My site target local visitors from a small city in India. I get around 10-15 visits daily and due to this super landing page I get around 5-10 calls daily for my local business.
Good lesson, i go try it on a personal website.
Hello, I think a very interesting article, it is true that any website can have a significant potential in the network, but if that site is optimized, a good SEO, good structure, easy navigation and user-focused the chances of success are greater . I liked the article, the structure of a site has to be well defined to achieve success. A page with good structure facing is seo juegostt.com mini web by web design and anatomy parame think that meets the most important.
This is an artlice that makes you think “never thought of that!”
Very good article on landing page design anatomy.
Cool info-graphic, it’s always nice to see people taking the time to create useful and nice looking content. Cheers
Thanks for the article and the graphic on the topic! Other than rule #9 about the fold and the use of words like “never” I think the article generally outlines some good practices. However, clever use of the entire page and the appropriate application of interest above the mythical fold can lead to an efficient landing page as well. After all, with people’s adapted browsing behaviors and the wide variety of screen dimensions and resolutions in use, isn’t the fold an antiquated object? And at least a wide gray area, rather than a single black line? I’m curious: how would you illustrate this anatomy on several different phones and tablets?
No one “social interactor” is present… it’s is not “socializable”
Best one info graphic details on landing page design. Love to read it and learn it.
Thanks for the great article. I am a really small business, do you have any companies that create easy landing pages for people?
You can also check some more landing pages here http://www.semanticlp.com/ for inspiration.
I couldn’t agree, more. You’ve got some amazing tips, I’ll be sure to use when writing my next post. Thanks :)
Wow. I knew my landing pages were bad but now I see just how shocking they are. I’ll have to make fixing them into a whole project by it’s self. Thanks for the infographic.