Conversion Rates

Landing Page Examples: Learning from the Best & Worst Landing Pages on the Web

By Megan Marrs March 05, 2014 Posted In: Conversion Rates Comments: 23

With the release of WordStream’s new landing page grader tool, we can’t get landing pages out of our heads! Surfing the wondrous web, landing pages are everywhere – both good and bad. We’re taking today to show some real-world landing page examples, so get ready for some breathtaking brilliance and miserable monstrosities.

Before we get started, it’s important to remember that landing pages aren’t just about the page itself. Process comes into play as well – what did visitors click to be brought to your landing page? If it was an ad, what did the ad say? If it was a newsletter blast, what links did they click? The “landing” process and movement through the funnel is just as important as the physical page design.

In the spirit of competitive analysis, I spent some time Googling around and comparing the best and worst landing pages that I saw for those Google searches. In this post, we’re going to evaluate and grade a few landing page examples from each Google search, as well as take a look at some innovative landing page designs that break the mold.

[ RELATED: Want to Increase Your Conversion Rates? Here's How to Triple Them ]

Landing Page Examples Search #1: "Photography Lighting Kit"

Let’s take a look at the landing pages we find when we search for “photography lighting kit.”

The first landing page example comes from Kaezi.

landing page examples 2014

This Kaezi landing page looks great – it’s showing me a bunch of studio light kits I might be interested in, and I can click an individual set for more details. There are also some appropriate related categories in the left-hand navigation bar I also might be interested in. Overall the design is clean and I can see the "add to cart" buttons above the fold.

Grade: B+

Next is the photography lighting kit landing page for Cowboy Studio.

Product landing page examples

The first huge problem is intent – I clicked an ad for photography lighting kits, and this is what I get. This isn’t any kind of kit – it’s just one strobe light. As a consumer chances are pretty good that I’d back myself right out of this landing page disaster and find a page that is better at meeting my needs.

The intent is way off, and the design of this page is a mess. There is a lot of wasted space with the social share buttons and enlarge photo/email a friend buttons taking up way too much prime real estate. The info I really want (details on the product) is lost way below the fold. This info should be bulleted and sit right beside the main product image.

landing page info

What’s really frustrating is that this site does have what I’m looking for – they just make it hard to find. A little meandering around the site helped me find some actual photography lighting kits, similar to what Kaezi showed.

wonderful landing page examples

Grade: C-

That was a pretty bad landing page, but it does actually get worse. Hide your kids, hide your wives, things are about to get really ugly with this “photography lighting kit” landing page example from Fovitec.

landing page examples

Immediately upon arriving at this landing page, as a visitor I am completely disoriented. Where the heck am I? I clicked an ad for photography lighting equipment, so why don’t I see anything even remotely photography-oriented? The only hint that I haven’t accidentally clicked a random pop-up ad is the Fovitec logo featuring an aperture icon in the “O” (although whatever camera allusions the word “Fovitec” is supposed to conjure are lost on me).

Even if I stick around long enough (and the vast majority won’t) to explore, none of the navigation links near the top seem to help me with finding lighting kits. Remember: Don't make your visitors search for what you want them to buy! Make it as easy as possible for them to convert.

Grade: F

Landing Page Examples Search #2: "Dog Beds"

Next we’ll try another Google search, this time for “dog beds,” because we all love our dogs and want them to be comfy 'n' cozy.  

Orvis does a pretty solid dog bed landing page – their landing page features a wide selection of dog beds, and an eye-catching photo of a happy, napping pup. The large product photos are also appealing, and you can filter the selection by color, feature, shape, fabric, price and more. Since "dog beds" is a pretty broad query, this meets the intent well, allowing the visitor to browse and find exactly what they need. (By contrast, if I'd googled a long-tail query like "large memory foam dog bed," I'd expect the landing page to be more specific.

high converting landing page examples

Grade: A-

Next up is Big Barker Beds, a business selling orthopedic dog beds for larger dog breeds.

ppc landing page examples

This page is a struggle because it does a lot of things right, but the things it does wrong are pretty damaging. The biggest problem with this landing page is its size. It scrolls down for… get this…. 38 pages. Yup, 38 pages, because the text is HUGE. There’s some really awesome content in there, but it’s lost in the sheer quantity of info.

There are a ton of great Amazon reviews featured on the landing page, and while I love how they used the red underline to highlight key points, there are waaay too many reviews (40+). In all fairness, this landing page about XL dog beds does everything in a BIG way – the text, the reviews, everything. You can’t say the page isn’t consistent.

good landing page examples

They have 3 reviews that talk about how easy the bed is to clean, 7 about how the beds are good for arthritic dogs, 5 about how attractive the bed is, etc. It’s absolutely fantastic that so many customers love the product, and it’s really smart to showcase those good reviews, but instead of drowning the visitor is XL print, I’d recommend that there be one shining review about how easy the beds are to clean, one about how they are good for arthritic dogs, etc. Visitors already see that these beds have a five-star Amazon rating (which is a clever trust signal to promote above the fold). If potential buyers want to read more reviews from customers, they’ll go to the Amazon page. Putting every great review on your page only overwhelms web visitors.

While the trust signals up top are great, the first chunk of text below the headline could be a lot more scan-friendly.

landing page best practices

This bulleted text found when you scroll down should really be up above the fold where it can be more useful and provide visitors with a better snapshot about the dog beds.

examples of landing pages

There’s some great info on this page about why this type of bed is recommended for older, arthritic dogs (the info was especially interesting for me as owner of an senior canine) but a lot of this great content gets buried because of the sheer enormity of the page.

Some simple rearrangement of content and text resizing could help this landing page out a lot. (Caveat: I don't know this company's conversion rate, so it's possible that alllll that text below the fold actually helps the page. Stranger results have happened with A/B tests.)

Grade: B

Next up is Pottery Barn. Pottery Barn’s “dog beds” landing page gets a solid fail – clicking their dog bed ad brings me to a landing page for décor accessories. I see pillows, blankets, and slip covers, but nothing dog related.

landing page design examples

What’s really silly is that after searching for dog beds with the site search tool, I find that Pottery Barn does offer dog beds. So why didn’t my landing page look more like this?

example of landing pages

Pottery Barn doubtlessly has a hefty advertising budget, so why such careless work when it comes to landing pages? This is a real missed opportunity on the part of Pottery Barn. The Pottery Barn brand is well known and has a solid following – I’m sure many consumers would choose PB dog beds over others, but driving PPC clicks to the wrong landing page is throwing away potential purchases.

Grade: F

Landing Page Examples Search #3: "Silk Flowers"

Let’s look at what landing page examples we get as we search Google for “silk flowers.”

This landing page starts off with a big flyer talking about all the cool crafts I can make with silk flowers.

product-landing-page-example

That’s cool… I guess. Really I already had an idea in mind and just want to check out the flowers. There they are down below the fold, thrown together in a hodge-podge manner.

examples of landing pages

What’s interesting is that when I do click on that flyer about the DIY crafts I can make with silk flowers, I’m taken to this page.

ppc landing page examples

Hey, it's your most popular silk flowers! This is a much better landing page than the one I was taken to initially. Here we see a wide assortment of silk flowers sorted by name and bright, colorful photos. This is a good landing page – it would have been perfect for my initial search for “silk flowers.” However, in order to get here, I had to click a link talking about DIY silk flowers crafts. I don’t see any craft info here. Sounds like this site really needs to focus on intent and think about where they really want to direct visitors.

Grade: C+

Our next silk flower landing page example comes from eFavorMart.

website landing page examples

This is another unattractive landing page that’s reminiscent of early 2000s. This landing page isn’t doing much with its headings, and the boring, lengthy (and small-print) content is riddled with very obvious cases of keyword stuffing. This page comes off as spammy and damages any potential trust the brand might have earned (and really, any website that starts with a lowercase “e“ or “i” already raises suspicions).

Grade: C

Landing Page Examples Search #4: "Email Marketing Software"

Let’s take a peek into the landing pages we come across in a Google search for “email marketing software.”

Hubspot comes up at the front of the pack, which isn’t a huge surprise. Their landing page lacks any strong imagery to retain the visitor’s attention, choosing instead to focus on its impressive awards and accolades.

great landing page examples

Many other landing pages struggle to rope in and condense their copy, but this Hubspot landing page gets straight to the point. There’s also more convincing copy with social trust signals and customer testimonials below the fold:

good landing page examples

This is a solid landing page example, but could still use some touching up. I’d suggest messing around a bit with the button colors. At the moment the buttons are the same color as the background with a subtle orange outline – not irresistibly clickable. Higher contrast is almost always better. There’s also something lacking with that first above-the-fold page. It’s devoid of any energy or excitement and might benefit from some more color or pop.

Grade: B+

Next up is Zoho Campaigns. Zoho also has a strong landing page design that could benefit from a few adjustments.

B2b landing page examples

Most of my criticisms are small, and may even seem petty, but truly good landing pages do require an almost scientific exactness and perfectionism. The Zoho heading should probably fit on to two lines instead of three. The main image is confusing – is this a glimpse of the product itself, or are we supposed to be drawn to the colorful designed templates Zoho offers against the bleak and dreary templates offered by other companies? It’s not clear – a different image choice could really improve this landing page.

While I like the small icons explaining the core components of Zoho campaigns, the colors are a bit too light. Shades of grey text can be preferred to black, usually used to delineate focus (darker text = more important). These icons should demand more attention, as they tell the key benefits of Zoho. There’s also just a little too much white space present. If I’d have to choose between a landing page that’s too crowded or too spaced out, I’d absolutely choose the spaced out page. However, a second testimonial or an extra icon line of features could be added while still maintaining a sleek, attractive design.

testimonial example

While the customer recommendation is good to have in there, it may be better to choose a recommendation from a more recognizable brand or client (and add their logo to the testimonial). Granted, Cathy of Forum Group Events Ltd. might be their top client, in which case, fine (no offense Cathy, nothing personal).

Grade: B

Next we’re looking at SAP. Boy howdy, this is one hideous hog of a landing page. It looks more like a resources page than a product landing page (and an ugly resources section at that). I clicked an ad that appeared for “email marketing software” and the word “email” is nowhere to be found.

bad landing page examples

It’s a shame because I don’t doubt that some of this is valuable content; it’s great that SAP is trying to create original, helpful content to share with visitors, but this isn’t the time or the place. Some serious visitor intent brainstorming is desperately required here.

Grade: D

Our last landing page example is from Infusionsoft marketing software.

best landing page examples

This landing page is quality stuff.

The headings and text are well chosen and placed, with text color variation to indicate levels of copy importance. The colored icons on the right draw the visitor’s attention to the key benefits offered by the product. The trust indicators in the upper right hand corner are discreet but noticeable. The button color and text are appropriate, and I like how the central-positioned form draws the visitor in.

A few things I would change: I might consider moving the testimonials that exist below the fold up higher and swapping out the bottom left text chunk, but it’s not the end of the world.

top landing page examples

I am irked a tiny bit that the first name form field doesn’t align with the one below, and that the button isn’t perfectly centered between the form fields, but those are easy fixes. I see a free trial offer as a better incentive than a demo, but maybe Infusionsoft has great success with their demo – each company has their own folder of testing research that can influence certain elements of their landing page. Remember, you know your company best, and it’s very possible that not all general landing page best practices will apply to you.

I believe this might be my favorite of all the landing page examples we’ve looked at.

Grade: A+

Do you agree with my grading? What grades would you give?

Landing Page Design Examples: Innovation vs. Best Practices

Let’s move on to look at some of the innovative landing page designs some companies are exploring. In an earlier blog post about great landing page designs, we discussed recommended best practices for obtaining an optimal landing page. However, plenty of sites are interested in sacrificing landing page standards for the sake of experimentation.

One growing landing page trend involves scrapping nearly all text and instead relying exclusively on large, high-quality images to get the page’s idea or product across.

Square Space takes up the entire landing page with one gigantic image. It’s a bit of a risky move as it’s not entirely clear how Square Space plans on making my website better. Are they helping with design? Site management? Square Space is getting enough notice these days that they might be trusting that visitors already know what they’re all about. While some might call that a dangerous assumption, the design is certainly captivating.

best landing page examples

Falcon Social, a social media management software, has a landing page that looks remarkably similar to Square Space’s, right down to the color pallet. Falcon Social leaves out the vaguely philosophical catchphrase and gets straight to the point – social media management for enterprise.

excellent landing page examples

Manpacks also dips a toe into the water with this image-oriented strategy. The landing page is centered around a large image while still maintaining some standard landing page practices with testimonials and trust signals.

 landing page inspiration

Social Safe also uses the image focus approach, but throws in a video element as well. It’s not entirely clear what Social Safe’s value proposition is – why would I “save” all my social networks to my computer? What does that even mean? More explanation is needed here, which is why the explainer video is especially necessary. The question is, will visitors stick around and watch the video for a better understanding, or simply look elsewhere for a landing page that spells out the benefits for them in a quick, scan-friendly design?

the top landing page design examples

We hope this adventure into landing page examples and designs has helped you gain a better understanding of what makes a good landing page and has given you ideas about how you can go about building a landing page and improve it incrementally. If you’re wondering how your landing page stacks up, be sure to try our free landing page optimization tool.

Have you noticed any new landing page trends you like or dislike? What do you think of our landing page examples? Do you have a landing page hero or horror story? Let us know in the comments!

Grade your landing pages today!

 

AdWords Performance Grader




If you enjoyed this post, please consider leaving a comment.

Comments

Wednesday March 05, 2014

Ralph Ruckman (not verified) Said:

Hey Megan,

Just wanted to say thank you for taking the time and putting these examples out here. I've read this post 3 times now and still breaking it up into chunks to study each one.

Wednesday March 05, 2014

Megan Marrs Said:

Thank you Ralph. I'm glad you're finding it useful. There's certainly a lot to be learned from all this!

Wednesday March 05, 2014

Aaron Watters (not verified) Said:

Great post Megan! I don't think enough can be said about landing pages.  I was over in inbound.org two days ago doing a Q&A with the Creative Director at unbounce and came across the same conclusion.  Good copy, and nice flowing design is so powerful.  We need to get away from just sending people clicking on ads to the home page and hoping they figure out what to do.  We need to TELL visitors what to do ;).

Thanks again for the share!

Wednesday March 05, 2014

Megan Marrs Said:

Thanks Aaron! So true - I mean, let's face it, people are really lazy these days thanks to technology. There's just no way you can expect a visitor to take their time meandering around a website until they find what they want. The process needs to be as easy and simple as possible. Like you said, we need to tell visitors what to do, and serve it up on a platter!

Wednesday March 05, 2014

Christopher Bennett (not verified) Said:

Awesome blog a lot of good tips I enjoyed reading this

Thursday March 06, 2014

Jay Manangan (not verified) Said:

Awesome landing page examples Megan, already bookmarked this and will continue reading it later. One thing, you got a typo in "dog beds" part, it says "dog begs".

Thursday March 06, 2014

Megan Marrs Said:

Thanks for the heads up Jay. There are always a few that slip by ;) Glad you're making use of the post!

Thursday March 06, 2014

Loren (not verified) Said:

Very interesting. Read this through in detail. It still amazes me that businesses are not even using landing pages at all, let along making them relevent to the search term! Apart from being a missed opportunity to optimise a campaign properly, customers have no chance of finding what they want so conversion must be terrible!

I love landing pages and totally understand their importance, however, I have learned a few things from this article and I'm now off to perfect them! Thanks!

Thursday March 06, 2014

Megan Marrs Said:

It really is crazy, isn't it Loren? There's no excuse to not be using landing pages these days. 

Thursday March 06, 2014

Elise Connors (not verified) Said:

This is a great post. I was literally glued to the screen while reading. It's good to see examples of landing pages in different industries and how they compare to each other. I know that you pointed out some specific design issues with Infusionsoft, but I wonder if there has ever been a study to show is a page with better alignment of elements performs better or worse than a page with "perfect" alignment.

Thursday March 06, 2014

Megan Marrs Said:

Thanks so much Elisa, glad you enjoyed the post. That's a really great question! I wonder the same thing - maybe a bit of off-center alignment is more catching to the eye? Definitely a cool idea for an A/B test sometime.

Thursday March 06, 2014

Melissa Rein (not verified) Said:

Great blog post and thanks for the kudos! The Infusionsoft landing page was actually part of a test we ran that created a +46% increase in demo conversions over the control page.  We use the PPC channel as a test lab to prototype new landing page ideas. Our internal Creative department has taken the landing page conversion strategy and created an incredibly elegant version for main website demo page testing. Keep an eye out for it!

Thursday March 06, 2014

Elisa Gabbert Said:

That's awesome Melissa!

Thursday March 06, 2014

Megan Marrs Said:

Big thumbs up to your creative crew - they're doing a great job! 

Monday March 10, 2014

Aswathy (not verified) Said:

Interestning tips! thank you for your crazy thoughts.

Wednesday March 12, 2014

Megan Marrs Said:

Super crazy ;)

Thursday March 13, 2014

Michael (not verified) Said:

Megan, I found this fascinating. We have never ventured into PPC campaigns and therefore not really up on "landing pages" per se. Are these simply the product page or category/group page on the site? Do u have any posts or tutorials that can school me on this point? And lastly can landing pages be used outside of PPC campaigns. Again we do to use Adwords for traffics now. The costs are too high for out budget. We are a relatively new site. Thank you so much. Michael.

Thursday March 13, 2014

Elisa Gabbert Said:

Hi Michael! Here are some further resources that might be helpful:

http://www.wordstream.com/blog/ws/2014/02/12/great-landing-pages

http://www.wordstream.com/blog/ws/2013/10/03/landing-page-audit

http://www.wordstream.com/blog/ws/2013/04/16/best-landing-pages

It's recommended to have dedicated landing pages for your PPC campaigns, but not strictly necessary. Depending on your business model, you might be able to use those same landing pages in other campaigns (organic search, email, etc.)

Good luck!

 

Friday March 14, 2014

Hemanth Malli (not verified) Said:

Nice piece of information,your website gives the best and the most interesting information.

May I know how can i add landing page for my facebook page? 

Wednesday May 14, 2014

Anonymous (not verified) Said:

Cool article thx

Tuesday May 20, 2014

Joe (not verified) Said:

Great post, I came across a decent enough landing page the other day - aesthetically it was fine, however it was geared for an American audience but being served int he UK. Really got me thinking about how a one size fits all approach can't work for everything - sure best practice is usually across the board, but when it comes to targetting certain audeinces you need to get to know the cultural implications that may impact on conversion rates.

Cheers.

Tuesday September 23, 2014

SYED (not verified) Said:

Wait.. most the Lnading pages look like complete home page.. dont you think there should be more info and contact form?

Saturday November 01, 2014

Yvonne Purdom (not verified) Said:

Megan, thank you for taking the time and puting these examples out there. I am taking a class in e-marketing and working on an assignment relating to "landing pages". Your post has helped to understand better about the best landing pages and the worst landing pages. Your sense of humor is awesome. Thanks. Yvonne in Birmingham, Alabama

Leave a Comment

Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.
 
Free Keyword Tool

Get thousands of relevent keyword suggestions - more,
faster, free!

Free Keyword Niche Finder

Discover profitable pockets of keywords for your
business.

Free Negative Keyword Suggestion Tool

Identify wasted spend before it happens and increase
your paid search ROI.

Contact Us | Company | Support | Site Map | Trademarks | Privacy Policy © 2007-2014 WordStream, Inc. All rights reserved.