3 Ingredients for High Converting Landing Pages (and How to Incorporate Them)

First impressions matter. And, for many online visitors, a landing page is the first impression or interaction they’ll have with your business.

Visitors will typically arrive at a landing page from Google AdWords, social media, display advertising, or as part of a product launch campaign – the goal being that visitors to the page complete a desired action like sign up or submit their email. Optimizing landing pages on your website enhances the user experience and is a much more effective, ROI-friendly way to drive conversions than by just throwing more traffic at the page.

One of the most high-impact ways to boost top-of-the-funnel conversions is through A/B testing and therefore optimizing your landing pages. Landing page optimization is a method of improving your landing page design to increase engagement, generate more leads, and produce more desired actions. Landing pages are lucrative places to focus your optimization efforts because they are the hub of lead generation efforts for your business, and quite often, they’re templatized. Uncovering a win on one landing page could lead to exponential wins on similar landing pages as well.

Here are some key ingredients to help you build a well-optimized, high converting landing page.

The 3 Ingredients for a High Converting Landing Page

1. Congruence and context – A successful landing page matches the expectation and need of the visitor based on their previous interaction with your business, whether they clicked through an ad, social media, or other initial channel.
2. Trust and value – Through compelling copy and a clear value proposition, the landing page clearly articulates the value of what is being offered to a visitor and establishes credibility for your business.
3. Ease and simplicity – The design of your landing page limits the number of actions a visitor has to take on the page, making it incredibly easy for them to convert.

These ingredients are the foundation of any successful landing page and can be applied directly to the design, user experience, and content of each page you build. Let’s take a look at what that looks like in practice, and how testing and optimization can help you get there.

How Add These Ingredients to Your Own Landing Pages

1. Congruence and context

A successful landing page uses congruence and context to keep users focused and interested in whatever your page has to offer. Congruence is the concept of ensuring that each element supports your core value propositions. Context reminds visitors why they landed on the page in the first place. Matching their expectation is key.

Start with a clear headline

Your landing page’s headline will likely be the first thing a visitor notices once they arrive, so make sure it’s clear, consistent, and emphasizes your value proposition, like Apple’s product landing page for the Apple Watch. The headline makes their message very clear: “The Watch is here.”

A few ways to optimize your headline:

• Experiment with making your headline as specific as possible. Chances are, when users know what they’re going to get, they’ll be more likely to convert.
• Test the tone you take with your headline messaging. Try emphasizing benefits versus loss versus a question to visitors to see which drives more conversions.

Provide a consistent experience

Your landing page should mirror the message and design of whatever channel (ad, social, etc.) users clicked through to arrive there. Consistency reminds users why they landed on the page in the first place and provides a more seamless, high converting experience.

Our most successful landing page test was a three-word change that made our Pay Per Click landing page symmetric with our SEM ads – this experiment saved Optimizely hundreds of thousands of dollars and lead to a 39% increase in sales leads.

Stay focused with the “1-1-1 Rule”

In most cases, you’ll want to follow the “1-1-1 Rule”: one value proposition, one clear message, and one CTA for each landing page you build. Trying to pack too much into your landing page will only serve to distract users from the goal at hand: converting.

2. Trust and value

Consider the top questions users may have and try to answer these questions upfront through clear, compelling copy on the landing page.

Emphasize what you have to offer

“What’s in it for me?” will likely be the first questions visitors have upon arriving on your landing page. That’s why it’s critical to make it it easy for them to understand the value and benefit your business has to offer – whether that’s a specific product, piece of content, cat meme, or other offering. Understand what you have to offer and make sure to emphasize that value proposition clearly in your form.

Here’s how trust and value work:

Example 1: Landing page lacking a value prop:

“Register for our monthly newsletter now!”

Example 2: Landing page with a strong, clear value prop:

Register for our newsletter! Each month, you’ll receive:

• The latest product and feature updates
• Case studies from industry leaders
• Exclusive, VIP invitations to upcoming events in your city
• Tons of cat memes!!!

Example 1 provides very little information and does nothing to show visitors the value the newsletter will provide. On the other hand, Example 2 has a clear, strong value proposition. It details how often readers will receive the newsletter (monthly) and what benefits a subscriber will receive (product updates, case studies, event invitations, and cat memes.)

A few ways to optimize your value prop:

• Different benefits will resonate with different audiences. Test out different messages (you can even segment them by audience) to see what drives more conversions on your page.
• Try adding the value prop to the header or title of the page to see how it impacts conversions.

Prove that your brand is trusted

Visitors are more likely to convert if they know other people or brands, especially those whom they admire, have done the same. Place emphasis on this by using social proof on your landing pages or any opt-in form on your site.

Social proof can come in many shapes and sizes. Here’s an example from Intercom on their blog subscribe opt-in form.

Ask your customers or industry influencers for a quote about why they use your product. Some brands opt to use customer logos as a form of social proof, a strategy that was hugely successful for comScore, increasing leads generated by 68%. Many successful landing pages include the number of social followers or “Likes”, or the total number of subscribers to an email list as social proof as well.

Ideas for optimizing social proof include:

• Experiment with adding customer logos to your landing page.
• Try showing the number of Facebook followers or “Likes” your brand has.
• Add a quote or brief testimonial to see if it improves landing pages conversions.

3. Easy to convert

The design and user flow of your landing page should make it insanely easy for users to convert in seconds. Here are a few ways you can achieve that.

Leverage your CTA

Once you catch a user’s attention, the CTA on your landing page is the most powerful way to nail that conversion. Make your CTA as eye-catching as possible, like this big, colorful example from Marvel App.

Your CTA copy can also have a tremendous impact on sign-ups – for Code.org that translated into 12 MILLION more sign-ups. Depending on the audience, different messages might resonate more strongly, which is where testing and optimization can come into play. For instance, try adding your value prop into the CTA message (“Sign-up now!” vs. “Sign-up for daily deals!”).

Some test ideas to try on your form CTA include:

• Experiment with different designs to make the CTA button pop.
• Optimize for button proximity. Try making the CTA button as close to the form field as possible, so a reader’s eye is drawn naturally to it as a next step.
• Experiment with your CTA copy.
• Check out more ideas for optimizing your CTA button in this post.

Optimize your lead generation form

The goal of many landing pages is to collect visitors’ information using a lead generation form.

Prominence, design, and and ease-of-use are all extremely important elements of a successful landing page lead generation form. The ease at which readers can locate the form and input their information plays huge role in garnering subscriptions and sign-ups.

Take this example from Slack. They do a great job in making the lead generation form as prominent and easy to use as possible. It was the first thing that caught my eye when landing on the page, and I only needed to complete two simple form fields to get going.

Focus on making each element of your form as eye-catching as possible… and keep it simple. Your team may want to collect as much information as possible, but since information gathering comes at a cost, it may not be worth it. Take Expedia as an example: The company found that removing just one form field (an address confirmation field) from their purchase form increased annual profit by $12 million dollars.

A few ways to optimize your lead generation form include:

• Experiment with different imagery. Adding images (in particular, those of people) will help evoke an emotional response from users and make them more likely to pay attention to that area of the page.
• Try increasing the size of your form fields. Oftentimes, larger form fields are more likely to catch a reader’s eye.
• Keep it simple. Experiment with removing all unnecessary form fields to increase your overall completion rate. You can always follow-up with engaged users to progressively build on the information you already have.
• To collect accurate information, make sure visitors know with certainty what information you’re asking them to submit. Experiment with autocomplete options or different labels for each form field.

Conclusion

Landing page optimization is one of the most powerful ways to increase leads, subscriptions, and sign-ups, and small changes can have an incredible impact. The ingredients outlined in this post provide a great starting point. You can easily apply them to your current landing pages or create a completely new form with them in mind. Of course, what works for one (or even most) landing pages won’t always be the best option for yours – and there’s always room for improvement. A/B test and optimize each of these elements to maximize conversions from your unique audience.

Have more tips or suggestions that have helped you improve the performance of your landing pages? Share them in the comments!

Read more:

• What The Hell Is Wrong With Your Product Landing Pages?