CATEGORY
DID YOU KNOW WE HAVE A PODCAST?

Become a Better Marketer. Anytime, Anywhere.

Listen and learn on the go with Unbounce’s Call to Action marketing podcast. Tune in and get inspired in the car, while you cook, or at the gym.

Sell Your Software in a Single Page: Learn from These SaaS Landing Page Teardowns

saas-landing-page-cover

It can be difficult to convince someone to sign up for a service based on a landing page alone. That’s why marketers tend to focus on using content like ebooks, webinars and other resources to collect leads at the top of the funnel, and then nurture them into paying customers later on.

But some of your potential customers are ready to start right now, and losing a lead that’s ready to get going — and potentially start paying — is a heavy loss. That’s why having a killer landing page that sells your SaaS product on its own is so important.

To demonstrate, we’ve collected landing pages from six prominent B2B software companies and broken down what makes their pages so great … and not-so-great.

#1: Leanplum — Mobile Marketing Automation

leanplum
Click to enlarge.

Converting with contrast

This landing page from Leanplum makes a powerful first impression, with a bold color palette of purple, orange and pink. In particular, the orange serves as the perfect accent color to the dominating purple.

While the palette itself is beautiful, the implementation of it has room for improvement. The element that needs to stand out the most — the call to action — is also purple, causing it to blend right into the rest of the page. Reserving the orange for use here, or finding another colour that would clearly contrast against the rest of the page’s palette would go a long way.

Don’t rely on video alone

Adding a new colour is pretty easy, though. The bigger problem with this page is its complete reliance on video as a way of delivering information about the product.

Leanplum allows app developers to A/B test in-app content, segment audiences and deliver personalized messages and notifications.

But other than the callout to its own development documentation, this page doesn’t mention any of Leanplum’s features nor benefits. This information is only in the video, linked to by a tiny line of white text.

Not everyone wants to watch video, or is in a situation where watching it is comfortable. So while video on your landing page can often be an incredibly persuasive lead-generation tool, it’s also one that should complement the rest of your page’s content, not replace it.

This page would be massively improved by the addition of content that says more about the product, rather than relying on the video to do all of the heavy lifting.

Navigation naggery

There’s one other big problem in this page, and if there’s a cardinal sin of landing page design, this is it: the navigation.

leanplum-nav

A landing page is not a gateway to your website, but a destination in its own right: the user gets what they need, and they grant you their email address in return.

Once you have that, you can nurture them into paying customers. But if your website’s navigation is on your landing page, you’re inviting the prospect to leave the page, meander about, and perhaps lose interest altogether. You could lose their attention.

In a well-optimized campaign, the ratio of links to conversion goals on your landing page — its attention ratio — should be 1:1.

Oli Gardner breaks down what makes attention ratio so important.

 

#2. Infusionsoft — Sales & Marketing Automation

infusionsoft
Click to enlarge.

It’s not proof without evidence

This landing page from Infusionsoft has some of the best customer testimonials I’ve ever seen.

Infusionsoft-Testimonial
Infusionsoft uses screenshots of their customer’s interface to provide credibility to their testimonials.

Not only do they display incredible growth with precise metrics — from 200 to 19,576 leads, for example — they actually show the elements of their product’s interface that convey this information.

It’s a great way of incorporating social proof while also communicating the product’s functionality and its hand in increasing those metrics.

Structure your copy for skimming

The testimonials are also, unfortunately, the only element of this page that’s been given any space to breathe.

There is simply too much text crammed into too small of a space literally everywhere else on the page. The fact that the hero shot is a screenshot that’s also jam-packed with text makes this page impossible to understand at a glance.

Furthermore, the majority of the heavy-lifting done by content on this page is in the form of a bulleted list with no categories or headings, and an identical checkmark image placed next to each one.

This makes it impossible to skim the page and understand what it’s about, which is how people actually read on the web. In one of the most definitive and heavily-cited studies on how users consume text on the web, Jakob Nielsen of the Nielsen Norman Group writes:

In research on how people read websites we found that 79 percent of our test users always scanned any new page they came across; only 16 percent read word-by-word.

This is why headings, strategically emphasized text and recognizable icons are important: they make it possible for the user to skim the page and find information that’s relevant to them.

#3: Domo — “Cloud-Based Business Management Platform”

Domo
Click to enlarge.

Okay! I’m here, I’m strapped in, and I’m ready to be delivered some value. Let’s see what Domo has for me!

“Domo for online marketers.”

… Okay.

“The Challenge.”

What? Who are you? Why am I here? What’s happening?

It’s not until I finish reading the entire first section of the page that I get an inkling as to what this product might be for, and I’m still not totally convinced. Yeah, knowing my ROI on a per-channel basis seems great, but how? And to what end? What is Domo and how will it help me?

As Joanna Wiebe once put it, a headline’s only goal is to keep the reader on the page. Once you’ve captured their attention, you’ve earned the opportunity to go more in-depth and offer a real argument as to why you’re the right fit.

But Domo never tries to earn that opportunity. This page seems to assume that you already know what its product is and the value that it can provide.

And that is an assumption that no business should ever make.

#4: Emma — Email Marketing

emma-tb
This image is cropped — click to see the full page.

This landing page for Emma’s email marketing and automation platform is long. Nobody can say whether this is a positive or negative without testing it, but at least Emma uses the length as best as it can, giving a detailed overview of the product’s features and benefits without ever feeling overwhelming.

Even if you skip the video, many of the image examples on this page are animated and show the great fluidity of Emma’s interface.

While this page has tons of great stuff on it, I really wish Emma made a stronger first impression.

“The power of automation, the simplicity of Emma,” sounds like a great tagline for a movie about a marketing automation AI gone rampant, but it doesn’t communicate the value that the product will provide to the user.

Then the next block compels you to watch the video, promising that email automation doesn’t have to be complicated to be powerful. This is closer to communicating the product’s value, but it’s barely visible and exists solely to compel you to watch a video you may or may not want to actually watch.

What does my business need from email marketing? And how can Emma help me accomplish it? These are the questions that Emma needs to answer, ideally as close to the top of the page as possible.

#5: Constant Contact — Email Marketing

constant-contact
Click to enlarge.

Working at Unbounce, you see a lot of landing pages. And often, those landing pages are very, very good. But it’s pretty rare that you see one that makes you go, “Whoa, this is brilliant.”

But whoa, this is brilliant. (Except for that navigation — do we have to do this again?)

Constant Contact is an immensely popular and powerful email marketing platform, and yet this landing page focuses on just one aspect of the product, and does it well. This landing page is targeting people who are searching for email templates, not email software.

The value proposition — “The best emails start with the best templates” — is relevant precisely to what the visitor is searching for, and the page then lists the three most relevant features:

  • Drag-and-drop editing
  • Mobile-friendly
  • No HTML needed

Not only does Constant Contact promise you the best emails, but it promises you can create mobile-friendly ones with no technical knowledge.

But this page really seals the deal with this one non-template inclusion:

Constant-Contact-Call

Wisely guessing that some of their audience might be marketers who are too busy to create a custom template for their company’s emails, Constant Contact offers to do it for them. They’ve found a smart way to do something we wouldn’t typically recommend: adding an alternative call to action — phoning directly — without it detracting from the primary CTA to start a free trial.

This ultimately hurts the page’s attention ratio, but testing ideas that fall outside the realm of best practices is something that every conversion optimizer should be doing.

This is one of the best examples I’ve ever seen of a landing page designed to acknowledge and eliminate a doubt in one fell swoop. In this case, the user’s doubt is “Do I have the time and/or resources for this?” By saying that they’ll do it for you, and presenting the option to phone them immediately, both of those doubts are quashed.

#6: Autopilot — Marketing Automation (1v1 Comparison)

autopilot
Click to enlarge.

In this next example, we’ll take a look at two landing pages selling Autopilot’s marketing automation platform and how they compare against each other.

Example A really feels like the most boilerplate of the two. There’s a headline that promises “Easy-to-Use Marketing Automation Software,” which is, by any measure, fairly uninspired. There’s a ton of companies selling marketing automation software, and all of them would like me to believe that their solution is the easiest to use. But what actually makes it easy to use?

Example B does a much better job in communicating the product’s core benefit:

Drag and drop simple marketing automation.

The word “simple” seems very out of place here, but this headline still succeeds over the other because, in conjunction with product screenshot, it allows me to visualize what makes this platform easy to use.

In general, Example B seems to take a more thoughtful approach to its copy. Rather than pushing all of the product’s features, it focuses on three key benefits that are easy to remember.

After hooking you with the promise of drag-and-drop marketing, the subhead elaborates on the value proposition: “Autopilot is easy and visual marketing automation that works with email, SMS, and direct mail.” And the testimonial does a much better job conveying the product’s worth, by clearly explaining what the customer did and what they achieved as a result.

My only wish is that “no credit card required” stuck around for Example B, too. The fear of having to enter payment information to try a piece of software creates real friction, so it’s worth it to eliminate that fear before it can take hold.

Which landing page would convince you to give Autopilot a try?

Tell me why I’m here

Perhaps the most difficult part of making a landing page for a software product is that those products tend to have a litany of features and use cases. Communicating their value in concise way can seem like an insurmountable task.

That’s why it’s so important for your landing page to lead with the customer and not the product. Your audience isn’t made up of “people” who need “software.” It’s made up of Linda, who’s looking to implement her first drip-nurturing strategy. It’s Craig, who’s grappling with a surge in leads with no way to grade them.

It’s thousands of individuals, each with their own individual need; it’s up to you to address that need as quickly as possible.

It’s up to you to tell them why they’re here, and make them happy they came.

About Brad Tiller
Brad’s a writer at Unbounce, with a marketing background encompassing everything from community management to lead generation. He's obsessed with the little touches that take marketing campaigns from so-so to stellar. Find him on Twitter: @bradtiller
» More blog posts by

Comments:

  1. Brandon Kelly

    Awesome insights here Brad! I’m a designer/developer who is trying to expand into marketing as well, and it’s articles like this that are really helping in that pursuit. Your quote – “Lead with the customer and not the product” – led me to start a Words of Wisdom section in my notebook. Thanks for passing along the wisdom!

    (4)
    Reply
    • Brad Tiller

      That’s high praise, Brandon! Thank you so much.

      I’ve never done much development, but even as someone whose background is in marketing and communications, it can be so easy to fall into the “feature trap,” where you end up rattling off a ton of features instead of leading with what those features will help them accomplish.

      Of course, this isn’t a hard-and-fast rule (as I might say about any “best practice”). I’ve seen tests where “features” destroyed “benefits” when it came to conversion, because the audience for that product — developers! — knew exactly what they wanted already. They just needed to see that the product had the features they needed.

      Thanks for reading and commenting :)

      (0)
      Reply
  2. Victoria St

    Great examples Brad! I would go for Autopilot’s Landing Page B, as I agree it conveys its USP better than A and has a stand-out testimonial which always helps. I have to say though I think the white letters kind of blend in with that greenish background, especially in version A…

    (2)
    Reply
    • Brad Tiller

      Thanks for replying, Victoria! Pretty interesting that you find the white lettering blends in with the green background. It looks fine to me, but everyone’s tolerance for colour juxtaposition is different. Something every landing page designer should keep in mind!

      (0)
      Reply
  3. Vijay

    I ready every word on this post. What a good read it makes. I got a a few good points and ideas for testing.
    Thanks Brad.

    Vijay from San Francisco

    (2)
    Reply
  4. Paul @ Outsprung

    Out of all these i’d probably say LeanPlum was my favourite, very interesting use of colours (although thinking of a plum i guess it makes sense) and clean layout.

    I find the infusionsoft page far too text heavy for my liking, it’s also a bit bland…

    (1)
    Reply
    • Brad Tiller

      I definitely think Leanplum’s is the most visually beautiful of all of the pages featured here, and would agree that Infusionsoft’s page is just way too crowded. Thanks for reading!

      (0)
      Reply
  5. Caroline

    Thanks Brad, there are so many good tips you’ve mentioned and although I’ve given a thought to some them when working on isolated parts of websites, having them all here as a collective is oh so satisfying.

    (1)
    Reply
  6. Damian Rams

    Hi Brad, thanks for the amazing work with tearing down these landing pages. I have a question regarding #5 Constant Contact landing page. You didn’t point out the top navigation as a flaw (which you did in the first example with leanplum.com). Do you think it’s a good idea to keep it on this landing page?

    (0)
    Reply
  7. Anne @ Autopilot

    Wow, Brad. Very impressive (and gutsy) of you to round up landing page teardowns of top marketing automation and email automation companies. I’m behind Autopilot’s landing pages and we are doing some serious testing so props to you for picking up our A/B test! I appreciate your feedback and will give the “no credit required” language another run. Also interesting to see the comment about the white text on green background – it is something to consider.

    Thanks again for including us! We are big fans of the Unbounce blog – you are always putting out top-notch content. Keep it up!

    (0)
    Reply
  8. Dave

    Hi Brad. I just wanted to say that your post is excellent. I especially loved your point about “It’s not proof without evidence!” Spoken like a true marketer!

    (0)
    Reply
  9. Dave

    Hi Brad. I just wanted to say that your post is excellent. I especially loved your point about “It’s not proof without evidence!” Spoken like a true marketer!

    (0)
    Reply
  10. Michael

    Hi Brad, the page v page comparison with AutoPilot smashed through the attention deficit barriers for us visually challenged, tech phobic, white collar types … if you get a chance to follow up with more that would be excellent. The fails highlighted are as valuable as the wins. Thanks!

    (0)
    Reply
  11. Greg

    Hello.
    I’m selling an ebook using a landing page and I have a problem: should I include its price on the LP or let people click my CTA and then let them know how much they have to pay for it? I’ve been looking for answers everywhere and no one seems to be selling ebooks using LPs.

    (-1)
    Reply
    • AJ

      Test it. See how many you convert when showing the price. See how many you convert when hiding the price. If you ever wonder “would this be better or would that be better?”, just test.

      (0)
      Reply
  12. dude

    Do I amaze you?

    (-5)
    Reply
Comments