The Landing Page Design and Resource Toolkit

Landing pages are specially designed and optimized pages that companies create to target specific types of visitors. So for example, you might have a landing page for a particular ad campaign, or you might make a landing page that is search engine optimized for a particular keyword. In all cases the landing page is then designed to make that particular type of visitor do something you want them to do, usually to buy stuff!


Landing pages can range from the equivalent of a TV infomercial, all the way to slick, custom designed sales pages. When used well, they can also be very effective in increasing conversions. Here at work we’re building some landing pages for ThemeForest and our other Envato Marketplaces, so I’ve been rounding up some design examples and resources on the subject. I’ve compiled it all here for anyone else building a landing page. If you know of any great examples or great links on the subject, add them in the comments!

Design Examples

CampaignMonitor\'s Designers Landing Page

CampaignMonitor's Designers Landing Page

CampaignMonitor's Earn Money in Your Sleep Landing Page

CampaignMonitor's Earn Money in Your Sleep Landing Page

PopCap's Mac Games Pack Promo Landing Page

PopCap's Mac Games Pack Promo Landing Page

SEOMoz's Pro Tools Landing Page

SEOMoz's Pro Tools Landing Page

MailChimp's Get Social Landing Page

MailChimp's Get Social Landing Page

MailChimp's iPhone Landing Page

MailChimp's iPhone Landing Page

MailChimp's Omnivore Landing Page

MailChimp's Omnivore Landing Page

FUZE Meeting's iTunes Voucher Landing Page

FUZE Meeting's iTunes Voucher Landing Page

Resources

There are plenty of sites around dedicated to optimizing landing pages, particularly with respect to the copy. Compiled below are some links to get you started as well as general resources for landing page design:

  1. CopyBlogger’s MASSIVE Landing Page Section
  2. 11 Ways to Improve Landing Pages from DigitalWeb
  3. CampaignMonitor’s Analysis of Promoting with Banner Ads (and Landing Pages)
  4. SEOMoz’s Landing Page Optimization Analysis
  5. 30 Principles to a Better Landing Page Design
  6. OnePageLove Gallery of Single Page Websites
  7. ThemeForest’s HTML Templates for Quick Site Builds!


Responses

Add Yours
  • The timing of this post could not have been better. Thank you.

  • Thanks for putting this together. There’s definitely an approach to building landing pages and the examples you’ve listed here helps expand on that approach. That’s for the post.

  • Great collection thanks heaps guys.

  • For landing pages with forms like the CM one, I came across an interesting case study that claims to boost conversions from 25-40% using Mablib’s:

    http://www.lukew.com/ff/entry.asp?1007

    Haven’t tested it myself but I’m planning too..

  • Love the OnePageLove.com site in your resources – visit it daily!

  • A great help, thank you. I am working at a web hosting company and i needed ideas for optimizing the landing page. Our currently landing pages don’t have text at all. With this examples i have great ideas of how to change them.

  • *cheerfully researching these, and more*

  • I like the landing page for PopCap’s Mac Games Pack Promo. It’s really beautiful.

  • Perfect! Some very good info and great looking pages! Thank You!

  • Brilliant! Just what I posted to my list! Landing pages…. oh yeah.

  • My recommended resource for high converting landing page design is http://www.semanticlp.com/featured-lp/