15 Landing Page Examples Analyzed for Conversion (By a Honey Badger)

By , August 29th, 2012 in Landing Page Examples | 36 comments

I don’t care about your landing page.
(Image source)

Editor: Honey Badgers want honey so badly that they’ll do anything to get it (including getting stung by 1,000 Africanized bees). So if you can make a page that persuasive, you’re winning. Unfortunately not all of them do.

With that, I’ll hand you over to James Gardner (no relation), who’ll walk you through 15 pages, an overview of their customers and what’s good and bad about them, some might get a little bloody, but there’s gold in there too, he makes a lot of sense and has some great advice, so pay attention.

Over to you James…


If there’s one thing a business wants from its landing pages, it’s conversions.

In this article we’ll look at 15 landing pages and critique them for conversion; looking at the good, the bad, and the indifferent. The key to driving a high conversion rate lies in understanding your audience, which is why I’ll dig into the types of customers they’re serving. If you do that, then at least you’ve given yourself the best possible chance. So who’s up first? Oh look! Adobe…

1. Adobe Indesign 6

Adobe are well known for their Creative Suite products, of which Indesign is a core part.

As a company they’re well practiced in the art of creating landing pages and this is a good example. It’s a simple two-column layout, with the left-hand column giving information on the product and the right-hand column concentrating on conversion. The CTA (Call To Action) panel is visually dominant and the high visibility buttons make it easy to see what is going on. They’ve also used a hierarchical structure within the CTA column, starting with a simple ‘Try or Buy’ for the product, followed by a an upsell to the ‘Creative Cloud’ and then the kicker, an invitation to upgrade from your existing product.

They’ve also repeated the CTA at the bottom of the left-hand information column as well; capturing those who are concentrating on the information available on the page.

All in all, it makes for an effective and compelling reason to click through and convert.

2. UberVu

UverVu is a social media monitoring and management tool, available as a cloud-based service. They brand themselves as ‘The world’s leading provider of real-time social marketing intelligence’. Their primary customers are businesses, and in a competitive market, their landing page conversion needs to be spot-on.

They do a good job. It’s all about simplicity with this landing page – giving you just the who (the name and strapline), the what (an overview video), the why (a set of logos for their other customers) and finally the CTA. Even the form is kept simple, with just five fields required to get you up and running on your free trial.

A nice touch here; the CTA box heading makes it clear what you are signing up for, and the button reinforces the same message. It’s not ‘submit’ or ‘go’, it’s ‘Try it free’. It would be even better if it said “Start Your Free Trial”. This helps to push any last minute doubts away as the user clicks to convert.

Landing Page #3 – OpenOffice

OpenOffice is a office productivity suite that is aimed squarely at Microsoft Office. It’s main customers are those who need to access to Office functionality but who don’t have the budget to but Microsoft’s applications. They’ve got a tough job, as Microsoft Office is the de-facto standard for office applications.

This comes across clearly on their landing page. It’s longer than UberVu’s but they’ve done a good job of cutting the page clearly into three sections.

The first is focused on the key conversion information and consists of a list of high-level capabilities (the top one being ‘Open all Microsoft Office formats’), testimonials from influential online review sites, and finally a clear instruction to ‘Download Now’.

The second is a convincer. For those who aren’t convinced that this is the right replacement products, it presents more information on the individual applications. Once again, this is accompanied by a CTA box, reinforcing that this is a free and fully featured product (unlike some of their competitors who may offer limited trial versions).

The third section is screenshots, for those who need to see what they are getting. This is, unsurprisingly, followed by another CTA box.

Open Office’s landing page is a good example of building a case for conversion in stages – with each stage providing more detail or a variation on the argument for downloading the product.

Landing Page #4 – Serif Photoplus X5

The graphics and photo editing software market is another crowded place. Unfortunately, Serif PhotoPlus doesn’t do itself any favours on its landing page.

The elements are correct – we have some good ratings from trusted sources and a clear set of actions to take (supported by price information, which can often be hidden). There’s also a tabbed section where all the features, benefits and system requirements can be found.

The issue lies with copy. Good copy; copy that is structured visually and written tightly, helps us to take in information quickly. This page contains too much copy in the ‘above the fold’ and it’s all in one block. The opening text is your opportunity to say what you are and why the user should stick around to find out more, and Serif misses the point here. This copy should be rewritten with informative headings and structural elements such as lists.

Landing Page #5 – Gimp

From one piece of graphics software to another. When your main competitor is Photoshop, it’s tough, but that’s where Gimp finds itself.

However, unlike Serif, Gimp does a great job of selling itself, and it’s all about the copy. The big font and catchy copy really makes it clear what they want you to do and makes it ridiculously easy for you to do it.

Here’s the conversation flow for the page:

Page: “Get Gimp”

User: “What’s Gimp?”

Page: “It’s like Photoshop, only 100% free”

User: “Okay, how do I get it?”

Page: “Get Gimp for your Operating System, look, there’s even a picture of a cursor arrow to show you where to click”

Of course, they do provide additional information if you need more convincing, and it’s all presented clearly through headings and visuals, rounding off with another opportunity to download the software.

This is a great example of how copy can help you convert.

Landing Page #6 – Podio

If UberVu was all about simplicity, then Podio is all about volume.

A good lead image shows compatibility with desktop and mobile, and gives you a clear idea of what the product offers. A picture is worth a thousand words (and a video even more). It’s also got a clear CTA and structured copy.

But the testimonials section, it’s really long. Is this good?

Testimonials can be incredibly persuasive in getting consumers to convert, especially when they are from big brands. Podio takes a different approach, removing the brands and making it personal. We’ve got numerous testimonials from individuals using the product, creating a tidal wave of positivity about it. And to bring it home, there’s a picture of each person next to their quote. It’s a change from the norm, but when you don’t have the big brands to call on, it can be very effective.

Landing Page #7 – AtTask

Sometimes it’s the little things that can let a landing page down. AtTask, a provider of project management software, looks like it has everything covered with this landing page, but looking more closely it doesn’t hang together. Why?

1. Poor Imagery – if your going to put a picture of the software on your page, at least make it readable, otherwise it can’t tell me anything. The only thing I can see are two very Excel-looking graphs. Underwhelming.

2. Lack of clarity – the heading on the CTA says ‘View Demo’, the button says ‘Play Demo’. What starts out looking like I’m going to get a personal call with someone taking me through the software, is actually only giving me access to a video. That’s not the worst thing in the world, but I’m being asked to give away a lot of information just to see a video. To drive conversions, always be crystal clear about what you are offering, and don’t over estimate its value. In this case, AtTask should be offering the video for free, possibly replacing the image, and using the CTA registration form to book a personal call. They should also minimize the amount of data the user is expected to enter – it’s a barrier to conversion.

Landing Page #8 – HootSuite Pro

Another simple landing page from another social media management platform, this time it’s HootSuite.

HootSuite Pro is the paid version of their free product, and offers business the ability to manage more platforms and work more effectively as a team. Unfortunately, the landing page doesn’t give us enough reasons to make the jump; in fact it comes up short in a number of areas.

The CTA is good, it’s got a clear headline and the button text supports the ’30 day free trial’ messaging, but the supporting information is poor. The image is accurate but uninspiring, a video would provide much more clarity. The quote from Pete Cashmore, the influential and well-known editor of Mashable, is small and fades into the background thanks to the grey font. Finally, the bullets don’t give any indication of how the Pro product is better than the free version.

The supporting information around your main CTA can be crucial in delivering conversions, make sure it delivers.

Landing Page #9 – Autodesk

Video, yes, it’s important, but not so important that you can do away with everything else. This landing page from Autodesk leaves me confused because it fails to give me any indication of why should watch the videos, and what I’m going to get out of them. The only context I have is the headline. I don’t even know what product this is about until I get to the videos (Autodesk Plant Design Suite, if you’re interested).

This confusion is compounded by the poor CTA’s. Calling a reseller is fine – but about what? Free trial – of what exactly?

This is a great example of how not to use video. Sorry guys.

Landing Page #10 – Intuit Quickbase

It’s fair to say that Intuits Quickbase landing page isn’t the greatest looking landing page in the world, from the stock photography to rather clunky layout, but it does its job.

A good hierarchy and flow takes us through who, what, why and on to CTA. We’ve got good brands, clear features and a nice bright CTA button.

Which just goes to show that landing pages don’t have to be the most beautiful pages in the world to be effective (although it does help).

Landing Page #11 – Nuance

Nuance create document management solutions, helping business create electronic records from physical documents.

In this case, they have testimonial quotes and customer brands, but they’re not strong. To counteract this they have moved them from the bottom of the page. Unfortunately this leaves the page trading on a straight one to one between your readiness to give up your data and the perceived value of an interactive demo. This isn’t a position you want to be in ideally, as there’s not enough information available upfront on which the user can make a value judgement.

Nuance need to re-evaluate the value of the content to be given away, ideally giving more for free upfront, so that the leads that come through are of higher quality (rather than just people registering for something that they should already have).

When optimizing conversions, always make sure that your users have enough information to hand to give them the confidence to contact you.

Landing Page #12 – Club Wembley

Wembley is a fantastic stadium, but this isn’t a fantastic landing page. Landing pages should represent your brand and this simply doesn’t. Wembley trades on visceral experiences, such as the excitement of an England international where fans live out dreams. (And I should know – I saw England beat Croatia 5-1 at the new Wembley and qualify for the 2010 World Cup; it was a great night). The landing page should remind us of these, it’s part of the reason why people would sign up to Club Wembley.

On a practical note, the copy is unstructured, with key information hidden within the bland paragraphs, and the white text on a grey background a real no-no for readability.

When creating a landing page, don’t forget the value of your brand and your product. Make sure it is commensurate with these values and does them justice.

Landing Page #13 – Sentiment Metrics

This is another landing page that fails to pass the Conversion test. Yes, the CTA is clear, but the rest of the page is a mess. Landing pages shouldn’t ideally exist within your main site, although a few will. They are an opportunity to talk directly to a captive audience, so everything on that page should focus on a single goal – the conversion.

Sentiment Metrics have made the mistake of setting their page within the structure of the main site, and the result is a mess. We’ve got navigation elements and contact details, a search and a feedback tab; it’s all too much. This should have been a standalone page with customized information that is designed to take the user through the conversion journey. It might be a great product, but from this landing page I really can’t tell.

Landing Page #14 – uTest

UTest are a professional testing company. This landing page offers a whitepaper on Agile Software Testing, from which it gives us three tips as an extract: Feedback Loop, Define Your Matrix and Capture Data.

All good, but business jargon. In this case it would be better to give out only one example, but in more depth, than three at a high-level. The art of the extract is to provide something compelling up-front that will drive the conversion. Make sure that the value of the give-away weighs up against the effort required to register.

Otherwise this landing page has the basics covered.

Landing Page #15 – Match.com

To finish off, I thought I would look at something very different: Match.com. Match.com is an online dating site and relies on people converting for its operating revenue. The most valuable content it has is its members, so they do the most sensible and obvious thing to get you to convert – they let you take a look around.

What’s great about this landing page is that they fundamentally understand the value of their product. Without asking for anything more than an area of the country, they will provide you with a teasing glimpse of what is available – who knows, if the user sees someone they like, they’ll be sold right there and then.

It breaks most of the rules of standard landing pages, but just goes to show that if you want to drive conversions you have to start by understanding your product and your consumer. If you do that, you’ll be able to create engaging landing pages that really drive conversions and, ultimately, your business.


Let’s discuss 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. Chris says:

    AtTask also looks like it has way too many required fields.

    Customers don’t respond well to that level of commitment before they know who you are.

  2. Robert says:

    These are always very useful posts, love seeing real world examples. However, the title of this blog is misleading at best, as most of these landing pages are pretty good, and I’d bet that most are also testing these pages so there’s likely alternative versions.

    • Oli Gardner says:

      Got you reading it though right? ;)
      Definitely a mix tho – some are doing things well others not so much.

  3. David says:

    “Look at that CTA…it’s nasty. Honey Badger don’t care, he’ll publish it anyway.”

    http://knowyourmeme.com/memes/honey-badger

    Thank you for a good post and a laugh this early in the morning.

  4. Shawn says:

    Where did you find that Gimp landing page? I don’t see anything on their site.

    • Oli Gardner says:

      Standalone landing pages are typically hidden from the main site so as not to contaminate the data – for example if you’re running a PPC campaign. So they won’t be connected via any nav on the site.

    • I picked this particular landing page up through adverts on Google. If you want to find good (and bad) examples, this is a good way to start.

      • Paul says:

        This is a very interesting extra tip!
        I had thought of landing pages as simply the entry point to a site with the only navigation linked to either joining area, membership area or curiosity area.
        I can see that using a landing page as a general login place might be annoying for some already committed but for small business is it possible to use it this way? We used to refer to front/home pages as ‘splash’ pages before the advent of thematic web sites with navigation templates.

  5. James –

    Interesting (as ever) reviews of landing pages. Can you share any insights on the non-performance of these pages from a data perspective? While a page may look to be outside of best practices, the only way to truly know is to test and measure, right?

    And, I very much share your position that conversion performance is a reflection of your understanding your audience. Did I miss your analysis of the types of customers they’re targeting (I assume with buyer personas) to explain the whys of the conversion design elements?

    Thanks in advance for any additional info you are able to share.

    • Thanks Dara, glad you found it interesting.

      Yes, you’re absolutely right, the only way is to test and measure, but having the basics of design and layout right are a big step towards optimising the conversion rate. Even the worst landing page will convert sometimes, the best ones convert a lot more regularly.

      I didn’t delve into the customer profile to the extent of buyer personas for all landing pages, but where I felt it had a particular bearing on the page I’ve included some details. For instance, match.com, where the standard rules are broken simply because they know their target audience so well. Or in the case of Gimp and OpenOffice, the particular competitive situation they face. Getting messaging right in these situations is a whole other article I think! (but a potentially interesting one)

      I hope that helps. Great questions.

      James

  6. [...] a quick post to say that my latest article for Unbounce - 15 Landing Pages That Couldn’t Sell Honey to a Honey Badger - is now online at the Unbounce [...]

  7. [...] 15 Landing Page Examples Analyzed for Conversion (By a Honey Badger) [...]

  8. Rob says:

    Thanks for putting this together, it’s always nice to have a resource to come back to when in need of some inspiration :)

    For me simplicity wins every time (like the Adobe page) – keeping it simple means your customers don’t get distracted!

  9. [...] that’s what most small business owners are, don’t have a good understanding about things like highly optimized landing pages and calls to action. What I see from most small businesses in their social media bios and the links [...]

  10. maihoa says:

    Very good. I like it.

  11. [...] my last article, critiquing landing pages for conversion, I finished with a page that worked, but that broke all the rules. You might infer from this that [...]

  12. [...] out this article at Unbounce where James Garner analyzes 15 landing pages for conversions and gives you the good, the bad and [...]

  13. Suzanne says:

    I’m working on redesigning my newsletter landing page. What I realized from reading this is my page is REALLY terrible right now. Got a lot of great points from this article – namely, good design that highlights benefits and points visitors to the opt in box. Thank you.

    • Suzanne, really glad the article was helpful. Hope the new page does everything you hope. Remember your A/B tests once it’s up and running!

      Cheers,
      James

  14. Gerald says:

    Thanks for your insight on both good and bad landing page.Sure gives me an idea to work on my own page.

  15. Honey Badger doesn’t convert, Honey Badger doesn’t give a f*#)^

    But the rest of us thank you for listing these examples :)

  16. [...] [article] 22 – Pubcon: The best in landing page optimization tips [presentation] 23 – 15 Landing Page Examples Analyzed for Conversion (By a Honey Badger) [article] 24 – 5 Highly Effective Landing Page Tips [article] 27 - An Introductory Guide to Building [...]

  17. tash pop says:

    All these examples and the ones I see on other articles are around landing page for software, I would be interested to see someone analyse another industry like trades (plumber or electricians for example or beauty salons)..

  18. James Gardner says:

    Good point tash pop. Unfortunately, those kinds of trades are underrepresented when sourcing landing pages for these articles. If you know of any – if anyone knows of any – please let me know and I will happily give them the honey badger treatment! :-)

    James

  19. George says:

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

  20. [...] 15 Landing Page Examples Analyzed for Conversion (by a Honey Badger) by Unbounce [...]

  21. WebMotive says:

    Great examples, as the extra example of converting landing page I could recommend this one: http://themeforest.net/item/converting-landing-page/3473546

  22. joe says:

    Finally a bunch of great landing page examples in one spot!

  23. [...] 15 Landing Page Examples Analyzed for Conversion (By a Honey Badger) [...]

  24. Vibhu says:

    great examples with great difference in all of them.
    This helped me a lot to understand what my product/service needs to be and what audience i am working towards. My landing pages are doing ok and i think they should do better here on.

  25. Very helpful article. I am getting ready to launch a membership site and i really want to be smart about my landing page. These examples along with your commentary really gave me some things to think about for the design. Thanks

  26. شات صوتي says:

    Very helpful article. I am getting ready to launch a membership site and i really want to be smart about my landing page. These examples along with your commentary really gave me some things to think about for the design. Thanks

  27. great examples with great difference in all of them.
    This helped me a lot to understand what my product/service needs to be and what audience i am working towards. My

x
Get actionable optimization tips delivered straight to your inbox.

You'll learn:

  • What it takes to build successful marketing campaigns
  • Why your landing page design and copy might be working against you
  • How to increase conversions while delighting leads and customers