The Blueprint for a Perfectly Testable Landing Page

Landing pages are composed of a group of definable elements. The building blocks presented below can be used as a guide when defining and creating a perfect landing page of your own!

Click on the infographic below to view a larger image:

The Blueprint for a Perfectly Testable Landing Page

View an enlarged version of this infographic »

Click here to download a .pdf version of this infographic.

Want to display this infographic on your site?


  1. Very nice, just what I was looking for, I Just started a new webdesign. Thanks!

  2. I love the graphics you put together. For this infographic, can you also post some good working examples you think do this perfectly?

    Thanks for all of these!

  3. This is definitely a great landing page blueprint. Should be followed at all times by any designer in my opinion.

  4. I beg to differ on the CTA above the fold. I strongly belive that CTA button needs to be at the very bottom of the page. This allows users time to read before making decision. CTA above the fold is good for returning customers to take immediate actions, but not for first time visitors.

    If your website gets about 60 odd % of new visitors each month, you ought to focus on gaining their trust and not make them take action before knowing what your product/service really benefits them with. However, cool infograph =)

  5. This is just GREAT uuaaau. Thank you.

  6. Great Infograph due to its simplicity. Thanks.

  7. This is awesome, perfectly explained and nice for the eyes. Landing pages are always tricky and I have a hard time creating them. This is a great resource though.

  8. I cannot wait to show this to my clients in Fort Worth, TX. It plainly explains the idea behind what we are creating when designing websites. Thank you again.

  9. Nice and simple infographic. I’ve seen landing pages with multiple “safety” CTAs, stretching out the benefits. If I understand classic landing page strategy, at some point there should be a “testimonials” block, typically with photos of satisfied customers, followed by yet another CTA. :)

  10. Yes, it is true that the landing page design have a great impact and it works as well by converting visitor into customer. I also do landing page design, you can check my landing page design example here Please have a look and let us know what do you think about my design.

  11. I also do landing page design, you can check my landing page design example here Please have a look and let us know what do you think about my design.

  12. Hi! It’s a fantastic Blueprint you guys have here! Congrats!

    Any possibility to provide the PSDs to I translate that and put in my brazilian portuguese webdev blog?


  13. In newspapers, infographics are commonly used to show the weather, as well as maps and site plans for newsworthy events, and graphs for statistical data. Some books are almost entirely made up of information graphics, such as David Macaulay’s The Way Things Work. Thanks.

  14. Nice structure for a landing page. One element I would add is a Testimonials section, at about the level of the Benefits section. Testimonials increase buyer confidence through a “social proof” mechanism.

  15. You’ve got it, whatever that means in blogging. Anyway, You’re definitely someone that has something to say that people should hear. Keep up the wonderful job. Keep on inspiring the people!

  16. Brilliant design and helpful in equal measures.

  17. I’ve been testing this landing page design for a month and I can say it really works, check it out great article by the way.

  18. If the “hero shot” is of a person then i think its important not to use the classic stock images of business folk, they are so overused, maybe the benefits section should be above the CTA.

  19. Great infographics man!
    well done!

  20. Interesting infographic. Simple, clean and understandable. Really great job. Thanks for sharing!

  21. Great Infograph due to its simplicity. Thanks.

Comments are closed.

← Previous ArticleNext Article →