2 ways to create an effective landing page

Guest Blogger

Your design needs to captivate website visitors the moment they come to your site. For that reason, it’s important to know how to create compelling landing pages.

Landing pages are, quite simply, the pages that you encourage people to “land on” when they come to your website. You can either direct people to a landing page with a paid marketing campaign (e.g. AdWords, email marketing, or Facebook ads) or optimize the page for search.

Landing pages serve a dual purpose: They drive search traffic to your page (by showing up high in search results) and they generate leads or sales (by encouraging visitors to give an email address or purchase a product). It’s important to note that the homepage of your site is often the best-ranking landing page, so the tips below will apply to optimizing your homepage as well.

In this article, I’ll show you two strong examples of landing pages. The examples have taken different approaches, which demonstrates that there is more than one way to capture leads or increase sales with landing pages.

1. Show off your client’s product

delicious

Landing pages are like salespeople that live on your website. The best salespeople are friendly, direct and thorough. Most importantly, a good salesperson—and a good landing page—understands and addresses the customer’s needs.

Graze, a startup that delivers delicious, healthy snacks, has an extremely effective landing page with a strong call to action and a concise message.

As you design your own landing page, keep the following lessons from Graze in mind.

Easy sign-up

Landing pages should include a clear call-to-action—that’s what you want people to do when they get to the page. In many cases, you’ll want people to submit a form, as in the example above. Taking a cue from Graze, you’ll want to keep a few things in mind when creating a form.

  • Keep it brief: There’s no need to ask for information you don’t need. Cut out any field that’s not 100% necessary—in one case, a company that removed a field for phone numbers saw a 5% increase in conversion rate.
  • Seriously, cut out fields: In most cases, all you need is a name and an email address. Sometimes an email address is enough. The fewer fields you have, the higher your conversion rate will be.
  • Test your buttons: Designing the perfect button is a science and an art. Make a good-looking button, but test the color, shape, and text to improve your conversion

Simple product overview

Anyone who visits Graze’s homepage knows immediately what they offer. Using a large, annotated picture, they show exactly what a snack box contains. In addition, they show how the delivery process works.

In short, Graze anticipates questions that potential customers will likely have—Can you deliver to an office? How many choices are there? Are these snacks healthy?—and answers them with concise copy and interesting graphics.

As you refine your landing pages, consider what unanswered questions your client’s customers may have, and make sure that you address them.

Clear pricing

Before anyone is going to submit a form on your site, they want to know what it’s going to cost them. Graze prominently displays the price of a snack box on the homepage of their website. They also offer one extra piece of information: the price includes shipping. Free shipping can increase your sales, so advertising it prominently on your landing pages is a great strategy.

2. Talk about a problem your client’s customers have

slim

Another way to create a successful landing page is to talk about a general problem that the business can solve. If you’re designing for a bicycle shop, for instance, you could create a landing page explaining how to repair a flat tire and offer your client’s own products when talking about the tools and parts that are required.

One company that follows this strategy perfectly is Bellroy, which sells high-quality leather wallets.

Bellroy has a landing page called “Slim Your Wallet,” which shows you how to solve the common problem of a bloated wallet. This landing page shows up extremely high in organic search for “making your wallet smaller,” “slimming your wallet” and “reducing the size of your wallet.” In other words, anyone who is looking for help with slimming down their wallet is probably going to find this page.

At the bottom of the page, Bellroy sells their own wallets as a solution to this common problem, meaning that tons of targeted customers (people who want slimmer wallets) are seeing Bellroy’s products.

Common problem

We all know someone who has a wallet so fat they can’t sit down without pulling it out of their pocket. Bellroy promises to show anyone who is looking for a slimmer wallet that it isn’t as hard as it looks.

It’s important to note that Bellroy is framing this landing page as a problem with a solution—in other words, they are greeting potential customers at the moment they notice a problem in their lives and saying, “We can help you with that.” Try to think about your own business and the problem it solves when creating a landing page.

Great images

The minimalist design of Bellroy’s landing page makes the excellent images even more noticeable. Great graphics depicting gigantic, overstuffed wallets highlight the problem in the clearest way possible.

Consider how your design can achieve the professional look needed to inspire confidence in your potential customers.

Doesn’t look like a sales pitch

Ultimately, the goal of Bellroy’s landing page is to convince people to buy their wallets. That said, when I first came across this page, I was unfamiliar with Bellroy’s products and was simply impressed by the advice they were providing.

As you scroll through the landing page, you don’t feel pressured to purchase anything. By the time you get to a list of wallets available for purchase, you’ve already seen how inefficient traditional wallets are, and you may be motivated to try out something new. But if you don’t, Bellroy never uses any pushy sales language—they’re focus is entirely on solving your problem.

When you construct your landing page, remember that the customer is searching for something. Your goal should be to offer a solution subtly, rather than overtly pushing your product.

Here’s an intentionally exaggerated example of what you shouldn’t do when building a landing page:

eboo

If you follow the tips above, your landing page shouldn’t look like this one.

3. Do your research

Building a great landing page takes a lot of research, effort and revision. One of the best things to do is look at existing pages that are successful. My favorite resource for landing page inspiration is Unbounce’s list of 35 Beautiful Landing Page Examples.

It’s more and more common to have a striking video as the centerpiece of homepages and landing pages—one of the best services for creating beautiful product videos is Animoto. Give them a look if you haven’t already.

Best luck with your landing pages. After you’ve tried building your own, send us a link in the comments so we can check it out!

This article was originally written for Jimdo by Dan Gray. With a simple, intuitive interface, Jimdo enables anyone to create a unique website with a blog and online store.

 

The author

Guest Blogger
Guest Blogger

99designs loves to share design how-to's directly from design professionals themselves. Reach out to share your thoughts, ask questions, or thank these experts for their awe-inspiring tips!

Related articles

The fundamentals of responsive website design

The fundamentals of responsive website design

The days of designing a website for a single desktop screen are well and truly over. Technology and the expansion of mobile websites are pushing web designers to re-think how their work is displayed across various devices. Think about it: how much browsing do you do every day on your phone vs. your desktop? Enter:…

The new Google Fonts is a win for designers

The new Google Fonts is a win for designers

Google launched Google Fonts in 2010 to provide web fonts free of charge. Over the next six years it grew considerably, becoming very popular with web designers—for the obvious reason of affordability. The original website was definitely what the startup world would call an MVP: minimal viable product. It got the job done, but it…

Current Design Contests

Designers, check out these contests so you can start building your career.
0%