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!


  • Daniel Golden

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

  • http://www.kliky.com Ed at Kliky

    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.

  • http://www.roblincolne.com Robert Lincolne

    Great collection thanks heaps guys.

  • http://tsick.com Richard

    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..

  • James Du Toit

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

  • http://rohost.com Rohost

    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.

  • Pingback: I ♥ NW – { Web Design & Media Magazine } » The Landing Page Design and Resource Toolkit

  • http://cherevko.net Ivan Cherevko

    *cheerfully researching these, and more*

  • http://www.s3solutions.com.vn/eng/ Vietnam software development

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

  • Pingback: Paolo Galli » Consigli per generare landing page efficaci

  • Pingback: Our Most Amazing Roundups of 2010

  • http://gfdwebdesign.com Frank Dollar aka Cory Zane

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

  • http://diyws.ath.cx Brad Thomas

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

  • Pingback: Designing Landing Page for Conversions | PHP Developer Resource

  • http://www.aditimahanti.com/ Aditi

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

theatre-aglow
theatre-aglow
theatre-aglow
theatre-aglow