2012_08_28_featured Design

A Showcase Of Beautiful And Clever Landing Pages

This is a guest post by Alex Black.

You can have an incredible, brilliantly coded and stunningly useful product that solves people’s problems – but if your landing page is awkwardly designed, complicated or hard to navigate, then you are probably leaving money on the table. Landing pages that aren’t as intuitive, persuasive or as nicely designed as they are likely to have lower conversion rates. This means fewer people will try out and eventually buy your product, or even tell friends about it.

We’ve brought together a showcase of beautiful and clever landing pages. Clever because they show off the product, and give customers enough information to make an informed decision. Beautiful because they are aesthetically pleasing and instil confidence that the product will also be beautiful.

Flutter


The comic style makes the Flutter landing page very personal.

Flutter is a app that allows you to control your music with gestures via your webcam. It’s a novel and fun experience. The personality of the app really comes through in the beautifully designed comic-style of the app’s landing page. Notice the huge call-to-action on the button, which contrasts heavily with the background.

Tips & Trip


Tips & Trip instantly tells you that their product is about travel.

Tips & Trip is an app that helps you share your travel experiences with friends. The landing page has a great visual design that instantly lets you know the product is about travel, and the headline does a great job of explaining the benefit of using the site rather than simply a feature (“discover amazing new places”). The “Sign Up Now” button uses a great call to action and is impossible to miss thanks to the bold and contrasting colour choice.

TinyLetter


The landing page of TinyLetter is very clean and minimalist.

TinyLetter allows people to set up their own email newsletters quickly and easily. The landing page is clean, minimalist and allows visitors to see how TinyLetter works. They can watch an introductory video, or scroll down the page to see a short text-based description as well as the benefits of using the product. One of the smartest things TinyLetter’s landing page does is keep the banner with the bright red “Sign Up” button fixed to the top of the viewport. This way the call to action button always stays visible, even if visitors scroll down the page.

Stripe


Stripe makes the next step to take obvious.

Stripe is a payment provider for developers that allows them to easily accept credit cards on their service. It’s biggest selling point is that it’s much easier to install than it’s big competitor PayPal. Stripe has one of my favourite landing pages because the next step to take is so obvious – even though it’s quite text heavy, it’s informative and useful and there’s no fluff. The call to action is visible at the top and bottom of the page – “Get started with Stripe”.

Evernote


Evernote does a great job of explaining what they do.

Evernote is an app that allows you to collect and search through all the data in your life – notes, emails, things you’ve found on the web, etc. The landing page does a really good job of explaining this, and the headline “Remember everything” is a really short, succinct benefit that works really well. The only downside to this landing page is that the “Get Evernote, it’s free” button blends into the background instead of standing out – which means it can be easy to miss if you’re only skim reading the page.

Rdio


Rdio have a very clean and visually appealing landing page.

Rdio is an online music streaming service, and the landing page is very clean and visually appealing. It does a great job of explaining what the service is, how it works and what the benefits are. The signup button in the top-right is impossible to miss, and will likely do a great job in increasing conversion rates by including the all important word “free”.

Trello


Trello makes very good use of social proof on their landing page.

Trello is a project management tool that makes organising a project easy. The section of the landing page above the fold is probably the simplest you could find (and it could perhaps do with including the phrase “project management” somewhere), but it makes really good use of social proof – a slider constantly brings testimonials and avatars of users all recommending Trello. Further down the page it includes logos of companies who choose to use Trello, and it all works together to make the visitor feel safe about signing up.

Assistant


The call-to-action button on the Assistant landing page contrasts tastefully against the background.

Assistant is an app like Siri, that allows you to change your calendar using your voice. While the fact that the demo auto-plays is a bit of a downside, the upside is that you can easily see how the app works, along with short use-cases on the right hand side. Beautifully, the only noticeable button that’s clickable on the page is the “Download” button, which contrasts tastefully against the background and is immediately visible.

Branch


The Branch landing page focuses on benefits rather than features.

Branch is a brand new startup that tries to make it easier for people to have meaningful, intelligent conversations on particular topics. It’s relatively difficult to explain how it works in a textual way, so so Branch have opted to include a visual demonstration that auto-plays (thankfully without sound) when you visit the landing page. Clicking “Learn More” and scrolling down the page fixes a header with the “Request Invite” button to the top of the viewport. Once you’ve read enough and are ready to join, you’ll be able to do so quickly and easily. The copy that Branch chooses to include on the page is also very clever – it doesn’t focus on features, it focuses on the benefits of those features (e.g. “Publish your ideas” instead of “Create a status update”).

Chartbeat


A lot of thought, care and attention has gone into the Chartbeat landing page.

Chartbeat is a real-time analytics dashboard with one of the slickest landing pages out there. You can tell that a lot of thought, care and attention has gone into making the entire page usable, which should have had a great effect on increasing conversion rates, too. It’s easy to see a demo of the product in action, if you’re more visually oriented, and you can find out more information about the service on the homepage, as each benefit is explained.

Chartbeat also uses the method of anchoring the “Get a 30 Day Free Trial” button to the top of the viewport when you scroll down the page. In this case this is very useful as they’ve gone for the long-form approach of having a slightly more in-depth page than many of the other examples we’ve used. Visually, the page is stunning and the beautiful design indicates that the dashboard is also thoughtfully and meticulously designed.

Have you found any examples of beautifully designed landing pages that you’d like to share? Let us know in the comments.

7 comments

  1. Mrinal

    Very good collection of beautiful and clever landing page. I like those.

  2. David McCrae

    Some great homepages there, my favourite at the moment is square.com. Looks great and straight to the point.

  3. Larovo

    THX! Good source of inspiration!

  4. John Benfield

    Great list of sites with very simple offers.

    Here’s a challenge: show us some great landing pages for sites with complex offers.

  5. Sabina Idler

    Hi John,

    good point! We’ll keep that in mind and see what we can do about a follow up article. :)

  6. bannerweaver

    Really useful…i just want to say…each n every example is “BEAUTY with the BRAIN”…:)

  7. Mrinal

    You can found some more beautiful and clever landing page design here http://www.buylandingpagedesign.com/ for inspiration.

Leave a Reply

Your email address will not be published. Required fields are marked *