20 Landing Page Designs Get Picked Apart & Analyzed for Conversion

A lot of articles entitled “20 best this…” or “50 greatest that…” have a lot in common. The main thing being that they’re all about what works.

So here’s what I’m not going to do. I’m not going to give you 20 landing pages that work – although some do – or 20 pages that don’t work – even though some of them do indeed ‘suck.’ No, I’m going to give you a mix of the good, the bad and the in between.

Because sometimes it’s just as important to know what not do, as what to do.


The criteria

There are three easy criteria against which a landing page can be judged, even for those of you who aren’t landing page gurus:

  1. A landing page should clearly articulate what the consumer is going to get
  2. A landing page should make it clear how the consumer is going to get it
  3. A landing page should make it easy for the consumer to get what they want

Of course, if the landing page wants to do a few more things along the way, that’s fine with me, but these three maxims should form the cornerstone of any well-structured, well-defined landing page.


Landing pages = opportunity

Landing pages give marketers an excellent opportunity to start a conversation with the consumer. Why excellent? Because they’ve already made the effort to click on the advert, email link or QR code to get to your landing page, so they can be considered somewhat prequalified, or inclined toward your brand or product. This is no longer a cold lead, so marketers shouldn’t let that opportunity get away from them. At this point, the effectiveness of the landing page becomes paramount.

So, without any further ado, here are 20 of the best… and the worst… landing pages, I hope you can learn something from the critique. Please jump into the comments to argue or agree.

1. Google Engage

Google Engage is a program to train and support for agencies in the use of Google products, with a focus on Adwords.

What I like

  • It has a clear call to action, supported by a clever ‘1-2-3’ call-out box that tells you what to expect next
  • Explanation – the main paragraph clearly explains what Google Engage is. The inclusion of a video makes it more effective.
  • Bullet Points – the bullet points that provide more information on the product details help to structure the text, making the page easier to scan and highlighting the important details.

Things I’d change or test

  • In this case, nothing.

2. IBM DB2

Another big brand, but not quite the same level of quality. IBM’s landing page for its DB2 and Power System campaign suffers from a real lack of direction.

What I like

  • Nothing, this is a stinker of a page.

Things I’d change or test

  • Call to action – the page hides its CTA’s in the left and right-hand columns. It’s not clear what IBM wants you to or how they want you to do it. It should be much clearer.
  • Typography – having a grey headline, but black text, makes the sub-headline recede into the page. Typography should be hierarchical, so that the eye can quickly pick out what elements of the page are most important.
  • Colour use – there are a few examples of poor colour use on this page. First, using white text on colours like yellow or green makes it very hard to read when the text size is smaller – this should be avoided. IBM has tried to introduce social media links, but by having all the icons in a pale grey, they are lost on the page and unlikely to be found. Social Media icons are recognizable to a large number of users, the familiarity of the Facebook ‘F’ and the Twitter ‘T’ growing every day, but colour forms a part of that familiarity. If you are going to use these icons, use them in colour for maximum impact.

3. Shopify

Shopify provides its customers with the ability to create online shops, complete with cart and payment options. This landing page is designed to get new users on board with the service.

What I like

  • Video – the use of video really strengthens a brand’s proposition. It’s a great way to communicate a lot of information quickly and clearly.
  • Positive language – Rather than providing lots of copy to ready through, Shopify has created five bullet points. The language used (and the iconography) is all designed to give the user confidence. Phrases such as ‘Easy to use’, ‘Secure’ and ’20,000+ Store’ breed confidence in the user (as does the tick icon).
  • Clear CTA – the CTA is clearly positioned and concise – there are only three fields to complete, lowering barrier to entry and making it more likely that the user will complete sign-up.
  • Supporting information – their supporting information is comprehensive, but delineated from the main sign-up area, so as not to cause confusion or draw the user away from the sign-up process.

Things I’d change or test

  • Shop URL – the inclusion of the shop URL might cause issues. What is it? What do I enter? There’s no explanation as to what is expected from the user. It may be better to include this field later in the sign-up process.

4. UKFast

UKFast are a hosting company that offers cloud services.

What I like

  • Social Media sharing – getting users to share a page they like is good practice, but you have to be careful how you do it. If these links distract users from the process of signing up, you’re damaging the effectiveness of your page.

Things I’d change or test

  • Structure – the page contains a lot of information, and all of it is competing for the user’s attention. Simplifying the structure would help the user to understand what they should be reading and in what order.
  • Remove navigation – the navigation at the top and bottom of the page is superfluous to requirements. One or both should be removed, so that the user is less distracted.
  • Merging Part 1 and Part 2 – the link to sign-up for Part 2 is included at the bottom of the page as an afterthought. If you have more than one thing to offer your user, make it easy for them to select all the ones they want as part of a single sign-up process.

5. PaloAlto

PaloAlto creates hardware firewalls and this landing page allows consumers to download the Gartner Magic Quadrant report for that industry segment.

What I like

  • Clarity – the page is structured clearly, with good use of colour to separate the sections and indicate information hierarchy.

Things I’d change or test

  • Call to action – although it’s clear what the user has to do, it’s misleading. It appears the report will be immediately available when you click the button, but this is not the case. It may be better to be transparent up front.
  • Copy – the copy is clear about what the Gartner report says, but it focused on the company, not the user. Self-serving copy is a turn-off for users. Make sure you tell users how they will benefit to ensure a positive response.

6. Imperva

Imperva provides data protection services for their customers, but this landing page tries its best to stop consumers from knowing it.

What I like

  • Nothing hidden – the only good thing about the Imperva landing page is that everything is simple and up-front. Consumers know exactly what they will get and what they have to do to get it.

Things I’d change or test

  • Supporting information – if you are offering information on a subject, you have to position yourself as an authority in that area. Although the simplicity of the form is helpful in some ways, there’s nothing here that tells us who Imperva are or what they do. Some supporting information would be useful when making the decision to download the report.
  • Mandatory and non-mandatory information – it’s not clear what the minimum requirements are when completing the form. Some companies will not want to give away information such as revenue, so make sure you let them know it’s not a deal-breaker for getting the report. Make sure your mandatory fields are clearly marked.

7. Wix Pages

Wix helps its users create Flash-based websites and Facebook pages easily through template solutions.

What I like

  • Process – as with the Google Engage page, Wix has shown the process that follows sign-up. This helps the user to understand what is expected of them.
  • Examples – the Wix service is based around templates, so by providing a series of examples, potential customers can see the quality of what to expect.

Things I’d change or test

  • Expanded examples – not all customers are the same, having a constantly refreshed set of examples, or the ability for the user to choose to see examples from different industries would help them to understand what the service could offer them.
  • Better explanation of additional features – there are ‘tons’ of features, but only six listed. More information here would help the user understand the depth of the service.

8. eMusic

eMusic is in a very competitive area – digital music – so it needs to make an impact up-front to get customers through the door. The key for them is to get users on to a trial plan.

What I like

  • Repeated messaging – repeating the 25 songs message leaves the user in no doubt as to what they will receive.

Things I’d change or test

  • MP3 players – although users are fairly savvy, there’s a lot of people who equate iTunes with digital music. eMusic could make more of this area of the page, as with eMusic there is no perceived ‘lock-in’.

9. LightCMS

LightCMS is a service that enables users to create online stores and manage the inventory behind them.

What I like

  • Multiple Sign-up buttons – having buttons at the top and the bottom of the page means that the CTA is always available, whether the user reads all the supporting information or not. For long landing pages, where the top of the page disappears when you scroll, having multiple buttons is a must.
  • Video – as we’ve seen before, video is a killer feature for landing pages right now. LightCMS puts its video top of the page as the main interaction point for new users.

10. Formstack

Formstack allows users to create web forms and surveys and then embed them in their sites.

What I like

  • The supporting links next to the second CTA – Formstack have realized that if a user has read all the way to the bottom, they’re still in the process of making a decision (otherwise they would have clicked the first link). To help them make that decision, they’ve added two additional links next to the second CTA. By allowing the user to ‘learn more’ and ‘see examples’, they’re effectively buying a second chance to persuade the user if they’re not sure about proceeding to sign up. By keeping them simple, they’re not distracting the user from the path they actually want them to take.
  • Testimonials – testimonials can be dull and boring if they are used in the wrong way. Formstack has placed their testimonials right next to the decision making point of the page to encourage sign-ups. By keeping them simple and personal (no corporates here), they feel more genuine and friendly.

Things I’d change or test

  • Pricing – there’s no pricing information – at all – it just mentions ‘paid plans’. It could be misread as having something to hide. I’d test a version with some indicative pricing information to see if it made users more confident in what they were entering into.

11. Squarespace

SquareSpace is an online website creation tool and content management system.

What I like

  • The ability to rotate through the product features – landing pages don’t have to be long and unwieldy. By providing these controls they can cram a lot of information into a small space and get the user interacting and exploring the page.
  • Copy – this site has great copy. It’s simple – there are only six pieces of information required to get across the essence of the service.

Things I’d change or test

  • Auto-rotate – although the rotator is great, it’s static, and although the copy is great, there is more. There are some more great and possibly deal-clinching features hidden away, which could really do with being brought forward in some fashion, so I would test whether the three features shown are the ones in which the users show the most interest.

12. Unum

Unum sell income protection, which is a tough sell. But I’ve got to say that this is one of the best financial services landing pages I’ve seen. Rather than take the numbers route (this % interest, this is what you could earn, etc), they’ve concentrated on being accessible

What I like

  • The Call to Action is advice – income protection is a long-sell, so can’t be rushed. By not asking consumers to register Unum is playing the long game. CTAs don’t always have to be direct and data led.
  • Social Media links – Unum have understood that the best place for a conversation with consumers isn’t necessarily the corporate website. By pushing consumers to Facebook they’re putting them in a much more relaxed setting. As a result they have over 13,000 likes on their Facebook page, and the demographic information they get from that data will help them to target their follow up marketing.

13. Zoho Invoice

Zoho Invoice is a web-based time-sheeting and invoicing system.

What I like

  • Screenshots – the product isn’t the most exciting in the world, but it does do a lot. In this case, a picture really is worth a thousand words, showing a user what’s on offer can be much more effective than talking about it.

Things I’d change or test

  • The horrible ‘5 million users’ quote – it looks as if it’s been put there by accident. It’s a different font from the rest of the page and the white on apricot just doesn’t work. If it is important, make something of it. If it isn’t, don’t waste the page space.

14. SiteSpect

SiteSpect specialise in website optimization. This landing page offers a free whitepaper on multivariate testing.

What I like

  • Simple and structured – not everyone is going to know what multivariate testing is, so it breaks it down into three easy stages, without getting overly heavy on the copy. First it tells you what you what the whitepaper is about, then it tells you what the benefit of optimizing your website is, and then finally it goes into detail.

Things I’d change or test

  • Sample content preview – Making more of the content of the whitepaper, by using imagery or sample copy, would help the users to gauge the usefulness and make the page more engaging.

15. Ion Interactive

Editor’s Note (Oli): I’m jumping in on this one.

What I like

  • Contrast: The action area used the design principle of encapsulation to make it really stand out.
  • Form heading: The form header clearly states what you’ll get and has subtext that offers a complete bonus library which helps to balance the “size of the prize” with the request for information strongly in the users favour.
  • Trust factors: The customer logos provide a strong sense of endorsement which helps establish Ion as a thought leader.

Things I’d change or test

  • Copy – the heading doesn’t really talk about the purpose of the white paper – which is to use content marketing to increase conversions. This could be made clearer.
  • Preview – If your content is worth having – show this by offering a “try before you buy” option in the form of a preview (first 3 pages or Chapter 1 etc). This lets people see how smart you are and make you appear more trustworthy.

16. Marketo

Marketo provide B2B marketing services. As a result, they really should know better; once again, landing page experts have let themselves down.

Things I’d change or test

  • Removing the up-front registration – this is a real issue for me. Why should a consumer give you their details without knowing what they are getting return, it’s madness. Much better to allow the user to browse the available content, then ask them for their details at the point of transaction. Being overly aggressive about your data collection makes users uncomfortable.

17. Red Rocket Media

Red Rocket Media are a content marketing firm.

What I like

  • The contact details – but only because you will need them after reading this page.

Things I’d change or test

  • Single CTA – there’s too much going on with this page. Be clear about what you want your user to do. In this case is the white paper download or the free consultation?
  • Tabs and Buttons – the ‘Build an audience’ bar looks like a button, but isn’t. If something isn’t serving a purpose, it should be removed. In this case there is also overlap in the styling of the tabs and buttons – styling page elements in a similar fashion leads the user to believe that they behave in the same way. If they then don’t, it’s confusing.

18. ESPN

ESPN is a sports broadcaster, this is the sign-up page for their newsletter.

What I like

  • Opt-out option – it takes guts to have the ‘No thanks’ button top right, it’s one of the first things the user sees. But by having it there, it also puts the user at ease. Unlike the Marketo example, this has a less aggressive edge.
  • Simplicity – two fields is all that is asked for. The simpler the sign-up form, the more likely it is that it will be completed.

Things I’d change or test

  • Imagery – a simple page like this gives the opportunity to play with the imagery. By rotating different images from different sports (a baseball changing room or an American football changing room) the reaction from users may be different. Changing the image dependent on the location of the user might also help, as different sports are popular around the world.

19. American Airlines – The Individual

American Airlines’ The Individual is an attempt to differentiate the airline.

What I like

  • Branding – although it’s an American Airlines landing page, the focus is on the campaign identity, not the brand. Using copy in this way hammers home the message of individuality, from the repeated ‘The Individual’ phrase to the quote.

Things I’d change or test

  • Call to Action – although we’ve seen that landing pages aren’t all about collecting data, they do still have to be clear. Unum gave the user two clear and differentiated choices; here there are five choices and it’s not clear if they are pages or videos. The answer: some of them are videos, some are just the same page with a different image and copy and one of them is a different page. In actual fact, the ‘Travel Options’ link is the actual CTA, taking the user to a booking page, but it really isn’t clear. I’d test a version with a clearer CTA that doesn’t look as if it was part of the bottom navigation.

20. Adobe Business Catalyst

Adobe Business Catalyst allows users to create and deploy web forms with a full database backend.

What I like

  • Clear pricing – the table of prices at the bottom makes sure that the user has all the information they need to make an informed choice. Adobe is a big corporate, so challenging pre-conceptions on price is important.
  • Good use of imagery to make sections distinct – Adobe has used three images to be representative of the copy in each section. Using images to introduce section makes it easy for the user to scan the page.

Not all landing pages are created equal

So, there you have it, a real mixed bag of landing pages. Big companies, small companies, different industries and different offers. Have you got a favorite landing page? Or one that has made you throw your hands up in despair?

Share them with us in the comments.

– James Gardner

This is a guest post, all opinions are those of the author.

James Gardner is a digital technology strategist. Now working in the pharmaceutical industry, he previously worked at Volume, one of the largest independent B2B digital marketing agencies in the UK.

Comments

  1. Great post! Having a well designed, clean and organized landing page is very important as it can improve (or damage) your company’s credibility.

    • Absolutely! I think it’s actually very easy to push people away from your brand. The overt data collection approach used by Marketo really made me think twice about them – it appeared a little arrogant (imho).

      • James Takyi says:

        Happy Holidays. I hope this message finds you well. I am developing a social network platform for artists to share their creative content and build an audience. I am getting in touch with you in hopes to acquire some help. I was doing some research about what makes an outstanding user login / signup page and the type of of content appropriate for a landing page. I came across your blog and it has proven to be very informative. I will really like and appreciate your help in turning the 2ndav.com landing page /user login and signup page into something magnificent, outstanding and competitive. I aslo hope I can get and advice on the business concept. If possible I will like to work with you at your earliest convenience. Thank you.

        Kind Regards,

        James Takyi

  2. Tom says:

    It would be nice with links to each site/page, instead of a screenshot.

    • Oli Gardner says:

      I’ll see what I can add in. Sometimes it’s not appropriate as it can affect the stats of the pages being tested if lots of people visit just to check it out, rather than being real potential customers.

  3. Sue Brettell says:

    Brilliant …at last some well curated website design examples with credible observations on what works and what doesn’t. Lists of “best of” screenshots and links don’t help people improve their websites: they’re just eye candy.

    • Sue,

      Thanks for your comment. As the saying goes ‘we learn from our mistakes’, so having a few examples of approaches that aren’t as successful can make it a lot easier to focus thinking around what to do.

      I’m glad you enjoyed the article.

      Thanks,
      James

  4. Greta post. Some excellent stuff to pick apart here. Now, just need to get data on their performance….

  5. […] a quick post to say that my latest article for Unbounce – 20 Landing Page Designs Get Picked Apart & Analyzed for Conversion – is now online at the Unbounce […]

  6. […] 20 Landing Page Designs Get Picked Apart & Analyzed for Conversion, unbounce.com […]

  7. […] when they get there?  How do we get them to convert? Here’s an interesting blog post on “dissection” of 20 different landing pages provided by unbounce.com. They provide some great guidance on what to do and what not to do, […]

  8. Schwaneberg says:

    The best thing on your article is that you don’t even say 20 best/worst … you mixed it and comment every landingpage! That’s it what your article makes interessting, so we can see what is good and what is bad. thanks for sharing!

  9. web designer says:

    I’ve done work for several financial institutes and Unum blows me away – in two ways; the design is incredible but also that they decided to go with it. I’ve proposed some ‘modern’ ‘call to action’ type designs for financial services giants and they don’t like such radical design changes.

  10. […] 20 Landing Page Designs Get Picked Apart & Analyzed for Conversion […]

  11. Tehkseven says:

    I love the examples, though sometimes I find it hard to apply the learnings to certain fields. On your next analysis, I’d love you to include a couple of tradesman, who’s aim obviously is to get people picking up the phone.

  12. […] A) because it’s timeless, B) because it’s awesome and C) as a teaser to an upcoming landing page examples post. This is 10 teeny tiny thumbnails of the soon to be heretofore thought of as the greatest […]

  13. semanticlp says:

    Great collection of 20 landing page design with good conversion rate. Thanks for your hard work.

  14. Awesome blogpost! I really enjoyed reading – actually so much that I about to make a Danish version, with some Danish websites :)
    Thanks for the inspiration anyway

  15. Great post, thanks. Landing page design is a real skill, but is essentially presenting “this is what you’ll get, click here!” in the most efficient and enticing way possible.

  16. Doug Caywood says:

    Thanks! Great info. Would love to see a couple auto dealer landing pages.

  17. […] you have basic web and graphic design skills, you might want to consider designing your own landing page. Instead of just creating a basic HTML page or spending a lot of time developing a custom solution, […]

  18. […] 20 Landing Page Designs Get Picked Apart & Analyzed for Conversion – this is the same deal folks, but for landing pages – where the smallest tweak can make a huge difference to your conversion rate. […]

  19. Mousumi says:

    Very good post with analyzed on landing page conversion, lean many things on landing page design conversion, thanks for it.

  20. […] That’s it plain and simple. There are many great articles on how to create better landing pages (including this one from Unbounce) but today I want to focus on why you need to create and use landing pages as a core online […]

  21. […] That’s it plain and simple. There are many great articles on how to create better landing pages (including this one from Unbounce) but today I want to focus on why you need to create and use landing pages as a core online […]

  22. […] That’s it plain and simple. There are many great articles on how to create better landing pages (including this one from Unbounce) but today I want to focus on why you need to create and use landing pages as a core online […]

  23. […] That’s it plain and simple. There are many great articles on how to create better landing pages (including this one from Unbounce) but today I want to focus on why you need to create and use landing pages as a core online tool […]

  24. sandra says:

    Excellent, well written article, and (unlike many) you have clearly put some time and effort into writing it. It’s helpful to have specific examples with what works/what doesn’t work rather than a list of ‘should do’s’.

    Nice work.

  25. Spencer Koza says:

    Of course, what a splendid site and enlightening posts, I surely will bookmark your site.Best Regards!

  26. […] Een interessante tool om goede landingspagina’s te maken en testen is Unbounce, die in een blog 20 voorbeelden van goede/slechte conversiepagina’s geven. […]

  27. All IBM’s landing pages are wordy, use geek-speak, and are boring. And yet… they offer CoreMetrics as a platform. I for one would never buy expensive SEO/Paid search platforms from a company that clearly demonstrates that they DON’T KNOW how important landing pages are to SEO/Paid search efforts.

  28. I love looking at good landing page design and these are really nice. I like the form to be short and to the right.
    Thanks for sharing.
    -John MacMenamin

  29. […] мы предлагаем вашему вниманию статью Оли Гарднера, в которой он сделал обзор из 20 различных посадочных […]

  30. […] People like to do business right on the website, so definitely consider having that feature. Instead of requiring customers to contact you, if applicable, set up your site so that they can do business right there. At least have a “contact me” link that puts customers directly in touch with you. […]

  31. This is a really helpful list. I’ve always tried to make sure that we stick to high-converting design principals when making landing page designs for our clients. Reading stuff like this really helps a lot with knowing what works and what doesn’t. Thanks for the great resource!

  32. Deepak Gupta says:

    James,

    It’s amazing how many businesses don’t even have one decent landing page. That’s like not wearing deodorant before going out on a date. Unacceptable.

    Deepak

  33. Jeff says:

    Beautiful examples. Here is another beautiful landing page that I found interesting:
    http://www.dealhijack.com/deals.html?signup=1

  34. […] #3. 20 Landing Page Designs Get Picked Apart & Analyzed for Conversion […]

  35. WantPlugin says:

    thanks you for article, this is my need

  36. Hello James Gardner,

    Thank you very much for a long & well explanatory post. I really liked your approach of explaining the important parts of a landing page.

    I am sure, it will help everyone who want to increase conversions of their landing pages like me.

    Thanks once again :)

  37. […] More… http://unbounce.com/landing-page-examples/20-landing-page-designs-get-picked-apart-analyzed-for-conv… […]

  38. Mrinal says:

    Great post on landing page design and it’s analyzed for conversion of 20 landing page.

  39. Greg says:

    I’m confused about the criticism of Ion Interactive’s page. Why should they offer a “try before you buy” option for a free white paper?

    • Greg,

      I can’t speak for Oli, but my take on this is that dependent on the value of the content you want to offer, it sometimes makes sense to give a preview of the content. In this example, allowing people to see the first few pages of the white paper might increase your chances of conversion as they are ‘sold’ on what you are offering. Of course, the opposite is also true, if your content is weak, this might not be the best approach.

      I hope that helps.

      James

  40. […] That’s it plain and simple. There are many great articles on how to create better landing pages (including this one from Unbounce) but today I want to focus on why you need to create and use landing pages as a core online […]