Landing Page Optimization: 10 Tips for Creating Landing Pages That Convert

Landing Page Optimization: 10 Tips for Creating Landing Pages That Convert

If your client’s ecommerce homepage is like a physical storefront, then the landing page is like a pop-up shop or a stand in the farmers’ market. A landing page is usually the first contact point for potential customers. It gives people an impression and taste of what a store sells, and invites them to explore further.

The homepage is aimed at people who already know the brand and the website URL. The landing page, on the other hand, is a standalone web page, created specifically for a marketing campaign or paid traffic.

Different from the homepage, the purpose of a landing page is to get the visitor to take action—for example, to order a sample pack of products, download an ebook, or inquire about a travel package.

It actually takes just 0.05 seconds for visitors to form an opinion about a landing page. Therefore, you should aim to communicate value to the viewer as quickly as possible.

In this article, we’ll go over 10 ways to optimize your client’s landing page for conversion and leave a strong impression of their brand and products.

You might also like: The Benefits of Adding a Shopify Landing Page to Your Portfolio Site (and How to Make One).

1. Know your users

landing page optimization: personas
Free persona templates by Yaroslav Zubko on Dribbble.

The first method to creating an effective landing page is to design it in a way that considers the customers’ motivations, desires, and frustrations.

If you're not yet familiar with the term ‘user-centered design’, it means to think like a customer, and tailor all content and services across touchpoints to be in line with what the customer wishes to understand and do.

Understanding the customers allows you to tailor the copy and design in a way that speaks directly to them. When customers understand that the products meet their needs or solve their problems, they are much more likely to convert. Thus, understanding the customers, or applying user-centered design, should be a part of the marketing strategy.

One way to keep your target audience profile in mind during the design process is to create personas. A persona is a snapshot of your ideal customer profile, with information on their age, language, income, motivation, goals, and problems they're looking to solve.

To create realistic personas, the best way is to talk to real customers, and get to know their pain points and the steps they take to solve a problem. For example, what leads this thirty-year-old entrepreneur to look for a new backpack? What is the keyword they will search? What features are they looking for in this product? How does the customer compare similar products, and what factors drive their purchase behavior?

With personas, it becomes much easier to think about what customers want and what to include on the landing page.

2. The benefit-oriented headline

landing page optimization: benefits
Features vs. benefits (Source: Monarch Methods, Grove Made).

Viewers focus on the headline first when they come to the landing page. Often, the headline is about the product or a product feature, like ‘dot grid notebooks’ or ‘durable leather goods’. These kinds of feature-oriented headlines do not tell the user what’s in it for them or the importance of having the product in their lives.

landing page optimization: features benefits

A benefit-oriented headline focuses on the awesome person/home/atmosphere that the user will have or become once they own the product.

Jakub Linowski, a conversion coach, ran a test on an empowering benefit-oriented headline versus a normal headline. The result? The benefit-oriented headline increased the conversion rate by 4.3 percent.

By focusing on the value to the user, prospects are much more likely to convert than if you just talk about the company and their products.

3. Clear and relevant content

A landing page is more than a product listing or detail page, and one of the key elements in a landing page is the content.

It should be created to address the following questions:

  • Does this site have what I am looking for?
  • Is there enough information?
  • Can I trust this site?
  • How long will this take?

One of the best ways to craft effective content is to use the exact words your prospects are searching or saying, in line with their needs and goals.

On the landing page of my mentorship program, I used the exact words the prospects used in the application form, like ‘get clarity in my learning process’. By using the exact words and phrases of what users are looking for, your landing page is going to speak to them very well, and make users think, “this is exactly what I need!”

Because of the clear and relevant copy, the conversion rate for this landing page was 11.5 percent over a period of a one-week, non-paid campaign.

You might also like: 10 Successful Marketing Campaigns to Inspire Your Next Project.

4. Design with real copy

Lorem Ipsum is well used by designers as placeholder content when clients aren’t able to supply the real copy. It can seem that this ‘fill in the blank’ approach works, but in reality, actual content almost never fits into placeholders.

If the content doesn’t fit the design, you must either start over with a new design or alter the content to make it fit. Neither is ideal or efficient.

The more effective approach is to adapt content-first design and make developing content early a top priority.

landing page optimization: lorem ipsum
Lorem ipsum text vs. actual copy and altered layout (Source: UXPin).

5. Focus on one main call-to-action (CTA)

As mentioned above, the purpose of a landing page is to get visitors to take action. It’s tempting to include bits and pieces about the products, but this overloads the landing page with too much stuff.

According to marketing experiments, 48 percent of landing pages contain multiple offers, and this is not a best practice. Instead, you want to have one specific offer for each landing page, to keep the prospect focused on one thing at a time.

By using just one call-to-action and removing all elements that are competing for the user’s attention, this laser-focused landing page will convert better.

Design tip: the CTA color should contrast with the rest of the page and color scheme to draw the eyes of the reader to the CTA, as custom apparel company Bonfire does on their landing page.

landing page optimization: cta color

6. Benefit-oriented CTA

The CTA is the trigger of the conversion, and so you want to make the offer as appealing as possible. For similar reasons as why you should make the headline about benefits, the CTA text should communicate benefits as well.

On the internet, we see buttons like ‘click here’ or ‘get access’ everywhere, but these don’t show any context or clues about where the link might go. Users have to do the extra work of guessing what happens after they ‘click here’.

Instead, make CTA buttons and links more descriptive, and include why the user should click the button.

landing page optimization: benefit cta

Compare these two CTA buttons: ‘Get Instant Access Now’ and ‘Read Full Essay Now—which one is more descriptive and clear about what the button actually does?

landing page optimization: cta treatment

In the control version, the user is clear about accessing the full essay. In the treatment version, the user has to pause and think about what it is that they will gain access to. It’s not surprising that the clear CTA copy increases the conversion rate by a whopping 39 percent!

7. Visually pleasing design

Ninety-four percent of the user’s first impression is related to design elements. So the first impression of the landing page has a lot to do with the visual design.

Professional designs that wow users also give an impression of better quality. Therefore, clients should hire a professional designer like you who can best communicate their brand values and products through designs.

On the contrary, the highest bounce factor (that leads users to leave your landing pages) are attributed to annoying elements, such as pop-ups, surveys, music, and auto-playing video. Generally, interruptive elements that are initiated without the users’ permission result in a negative reaction and worse user experience.

8. Optimize content length

Landing page content can be short or long. The amount of content you should include depends on what kind of products your client is offering.

Here are some general guidelines for determining the length of the landing page:

Short copy performs better when the offer is free, very cheap, or an impulse buy. For these kinds of products, you want to reduce the viewer’s reading and thinking and let them go straight to purchase. Behind this type of purchase, there aren’t a lot of barriers or complex thinking.

Long copy is more suitable for expensive or complex products. When rational thinking and analysis are factors for the purchase, longer copy with explanations, proof, and testimonials creates a more compelling case.

In a nutshell, the more expensive the product, the longer the copy should be.

You might also like: 10 Technical SEO Tips to Get the Most from an Ecommerce Website.

9. Short forms with minimum fields

According to Baymard Institute, a complicated or long checkout process is among the top three reasons for cart abandonment (28 percent). This includes requiring users to fill out long forms.

The more fields you ask the visitor to fill in, the more friction it creates, and therefore, the fewer people want to go through the process. Ideally, your checkout forms should only ask for the minimum information needed—where to send the item to, and who is paying for the item.

Marketers usually want more information for marketing purposes, like the customer’s gender, what items they like to shop for, or their birthdays. But this works against the user experience. Customers aren’t shopping on the site to give out all their personal details, so that your client can send them an ad on social media.

Before you create a long form, first ask yourself—why is this information necessary? Why do we need this now? Remember, you can always gather more information later on.

landing page optimization: forms
Long vs. short forms (Source: Cluster Wholesale, Bonfire).

10. Eye-catching masthead

A moving or animated eye-catching masthead can increase conversions up to 86 percent. In a highly competitive market, it may be what you need to create a strong impression of your client’s brand and products.

However, the effectiveness may depend on the target audience. For example, video/animation headers are not suitable for antique products being sold to an older demographic.

If you want to consider using animations or videos on the landing page, start by identifying the unique elements of the products or brand that can’t be communicated easily with static text and images.

It does take more time to create an interesting masthead video or animation, but if you do it right, it will help your client’s brand be more memorable and perceived as high quality.

landing page optimization: animation
Source: Tattly.

User-first approach to design

As you’re working through the landing page design, it’s important to keep the most important thing in mind—your client’s users, not their company or their products.

The pattern and underlying principle behind these 10 best practices is that it’s all about the user and the user experience. To create high-converting landing pages, tell the user what’s in it for them and how they will benefit from buying your client’s products, and make it really easy to fill out forms and understand where the CTAs link to.

By understanding your client’s users and designing for their needs, the landing page becomes more relevant and memorable, and therefore users are more likely to sign up for your client’s offers.

What do you do to optimize your landing pages? Share your experience in the comments below!

About the Author

Jenny Shen is a senior UX/product designer who creates digital products for clients across the globe. With seven years of industry experience, she specializes in conversion optimization, localization, and the travel industry. In her spare time, she is mentoring designers and working on global strategy as the regional director of EMEA at Ladies that UX.

Grow your business with the Shopify Partner Program

Learn more