It’s not exactly news that most online searches take place on a mobile device. In fact, studies show that up to 68.1% of global website visits come from mobile platforms. That means that if your website and landing pages don’t cater to mobile users, you’re missing out on lots of opportunities.

Since every conversion is important, having mobile-friendly landing pages is a non-negotiable for any business. But there is more to designing a mobile landing page than to make sure it’s responsive. People’s needs and behaviors are slightly different on their phones than on their laptops. Let’s take a look at a mobile user’s needs and 7 ways to improve your landing page visitors’ mobile experience.

Understanding the Mobile Audience’s Needs

Before you get to work and start creating mobile-friendly landing pages, there are two types of data you should research: your current mobile metrics and mobile audience data.

Firstly, take a look at your current mobile landing page metrics to understand why it doesn’t drive as much conversion as you’d like. Which elements of it could be improved?

Checking your mobile audience data is important because desktop and mobile users probably have different demographics, behaviors, and psychographics (an individual’s psychological characteristics, such as interests, values, opinions, and personality traits). Once you know who your mobile users are, you can line up your mobile landing page design with their characteristics and needs. Use your social media and website analytics to see what other platforms and brands they engage with.

7 Ways to Optimize Your Mobile Landing Page

1. Be mindful of how your design affects loading speed

When it comes to your landing page’s loading time, every second counts. And we mean it literally. A recent report from Google, Deloitte, and Fifty Five revealed how slight changes in mobile speed affected the site performance of 37 global brands. The study found that just a 0.1-second improvement could increase mobile conversions. Another study found that 53% of mobile website visitors leave a page if it takes longer than three seconds to load.

As you can tell, the loading speed should be your top priority. And yet, a lot of mobile landing pages miss the mark. The bright side is, slow loading is a fixable problem.

In most cases, resolving the issue and optimizing the loading speed would require the help of a developer. However, there are a few easy fixes you could try on your own first:

• Run your landing page through Google’s PageSpeed Insights to clock its average mobile loading speed and get some general advice for improving it.
• Reduce the content on the page.
• Optimize your images – According to Elementor, the ideal images for a fast-loading page weigh no more than 22KB-33KB.

2.  Keep the design minimal

When you design a mobile landing page, be mindful of how long it gets. It goes without saying that mobile landing pages have less space to work with than their desktop counterparts. When you have a landing page that isn’t intentionally designed for mobile but rather reshapes responsively, it takes all of the elements in the desktop version and compresses them into a single-column mobile layout.

This usually results in an unnecessarily long mobile landing page. When you design a mobile landing page, always think about what you can do to make it as short as possible without compromising the content. Can you remove some of the images? Place the CTA above the fold?

For example, take a look at how this Marie Forleo landing page: Beneath the CTA and download form, there is nothing but a footer and a few social proof logos.

3. Include sticky bars and buttons

It’s generally recommended to avoid distracting elements like headers and navigation on a landing page. But in some cases, a completely navigation-less landing page may leave mobile users feeling stuck.

If your landing page ends up being lengthy, it’s best to have a sticky “Click to Scroll” button, so users don’t have to scroll endlessly to get back to the top of the page or to the bottom of it. It’s also important to have a way to back and forth if you have a multi-step lead gen form.

The idea is to have minimal navigation that is not distracting, while still allowing the user to have a sense of control. Sticky bars and buttons are a great mobile-friendly solution for that.

4. Keep the copy short and sweet

Less screen real estate means less copy to work with. You want to make each word on your mobile landing page count. If that means that you have to slightly alter the copy of your desktop landing page, then that’s what you gotta do.

Have you ever heard of the term BLUF? Originally a military communications technique, BLUF stands for Bottom Line Up Front. It’s the practice of beginning a message with its most vital information. When writing copy for your mobile landing page, the BLUF method is your best friend.

Prioritize the most important information about your offer and make sure it’s the first thing to catch a user’s attention. Once you’ve written your copy, go into editing mode. Cut out any fluff that you can do without – shorten your sentences, choose expressive words over wordy phrases, and remove any redundant words.

A good example of a mobile landing page that uses all of these “less is more” principles is Promo:

The headline “Easily Create Social Media Videos,” tells us what the value of the app is in just a few words. Then the subheading invites you to watch a video if you want to learn more.

5. Break up the copy with strong visuals

Even if you are very concise with your copy, sometimes you’re going to have to include more than just a heading and a subheading on your mobile landing page. That’s perfectly fine, just make sure users can quickly scan through it. The way to do it is by hierarchy and spacing.

Apres, for example, is a company that makes plant-based protein drinks and powders. There is quite a lot of information on their landing page about how their subscription plan works. To make sure that readers can easily find the most important bits, they used big headers and short paragraphs to organize the content, as well as bold icons to separate each paragraph.

The general rule of thumb is you never want to user to have to scroll in order to finish reading a single paragraph.

6. Adjust the form to a mobile-friendly format

Typing on a phone takes more effort than using a keyboard. Especially if the user isn’t doing it from the comfort of their home, but while they’re walking down the street holding a bag of groceries in one hand.

Strip your sign-up form to the bare essentials, and give users the option to continue with Facebook/Google when possible.

This Taboola landing page is an excellent example of a well structured mobile form:

There is enough white space around the form field to make them clearly visible. The form fields and CTA buttons are both big enough, so tapping them with a finger or a thumb is easy. This lead gen form makes it as simple as possible for visitors to fill it out using a small screen.

7. Use sticky CTA buttons

Your landing page is there for one purpose: to convert. In desktop landing pages, the call to action is usually found at the bottom. In mobile, however, it’s best to keep the CTA button at the top of the page, above the fold, or better yet, use a sticky CTA button.

If a mobile user landed on your landing page, they were most likely redirected there from a targeted ad or marketing campaign. They are somewhat familiar with what they’re going to find there, so burying the CTA in the middle or bottom of a landing page would just cause friction.

The general rule of thumb is the CTA should always be within a scroll or two, no matter where the user is on the page. Instead of having your CTA appear multiple times, at the top, middle, and button of the screen, consider a sticky button. It provides a more elegant and convenient solution.

Final Thoughts

Creating a mobile-friendly landing page is essential if you don’t want to miss out on potential conversions. Despite the fact most online activity takes place on mobile, many people still remain hesitant about converting when using their smartphones. This means you need to pay extra attention to the design of your mobile landing page. That doesn’t just mean creating a responsive landing page. It means creating a seamless mobile experience.

The most important things to keep in mind:

• Optimize loading speed.
• Keep your copy concise and to the point using the BLUF method.
• Minimize the amount of text users have to scroll through.
• Break up chunks of copy with visual elements, to make the text easy to skim through.
• Add sticky elements for navigation so users don’t feel stuck, lost or overwhelmed.
• Strip the lead gen form to the bare minimum, and make sure it’s convenient to fill out.
• On a long landing page, use a sticky CTA button to make sure it’s always within reach of the user.

In this article, we’ve gathered some of the most common landing page mistakes companies make. Is one of these at fault for mercilessly killing your conversions?

1. Not thinking in ‘mobile-first’ terms

By now, most businesses understand the importance of having mobile-friendly landing pages. But to truly optimize your landing page for mobile, even having a responsive design may not be enough. Despite mobile use being on a consistent rise in the past few years, research shows that the conversion rates of mobile users are not as high as they could be when compared to the overall traffic of mobile users.

But why is this happening? Think about it, the very nature of mobile use is distinctly different from desktop. It’s not only the smaller screen you need to keep in mind – a mobile user may be trying to sign up for your free trial while they’re waiting for the bus or walking around the grocery store. Oh wait, a call just came in. You get the point, mobile users are far more susceptible to friction, which can often result in lower conversion rates.

What mobile-first actually means is having a dedicated, mobile-only experience. Designing your landing page with desktop users in mind and using responsive design to make it look good on mobile doesn’t necessarily address the specific needs of mobile users.

Take a look at Mouseflow’s landing page for example:

All the key information fits on a single screen while keeping the design looking clean. The CTA is in a contrasting color so it stands out and is easy to click on. Lastly, there is a video for those who want more information, but most users can get the gist upfront, so the page works well.

2. Having just one generic landing page

According to a HubSpot research, companies with 31-40 landing pages get seven times more leads than those with only 1-5 landing pages. In fact, studies going as far back as 2011 reached the same conclusion – the more landing pages a business has, the higher the chances of actually generating leads.

The reason behind it is simple – a customer is more likely to be receptive to an offer that is tailored to their own specific needs. Does that mean you must create 40+ landing pages for each campaign? Not necessarily, but providing a variety of different offers on your website will prove extremely valuable to your business.

Your offer can differ depending on two factors: the sales funnel stage or the customer persona.

• Funnel Stage – not everyone visiting your website will be on the same stage of the sales funnel. A first time visitor will be less likely to request an in-person consultation, but might be happy to download your carefully crafted template kit. A returning customer, on the other hand, who has already downloaded your content offers (templates, ebooks, webinars etc.) may be ready to book that consultation. 
• Customer persona – You might have a pretty good idea of who your target audience is, but every group can be divided into different segments. For example, if you’re trying to generate sign-ups for your SaaS product, you can create role-specific landing pages to target marketing managers, sales teams, etc.

UK-based travel website Destinology, for example, takes honeymooners to this specific landing page.

An added bonus of having multiple dedicated landing pages with different offers is that you’ll provide Google with more pages to index, and give your website an SEO boost.

3. An intimidating lead generation form

Ultimately, the end goal of every landing page is to obtain the customer’s contact information so you can start nurturing them as a lead. Think of it as a transaction, where both you and your customer gain something.

The way you craft your opt-in form is detrimental to whether the visitor will complete it or bounce. Don’t make the mistake of asking for too much too soon and come off as intrusive.

To create an opt-in experience that isn’t threatening you have 2 options:

• Use as few fields as possible – If it isn’t absolutely necessary, it can wait for later. For example, in this event landing page, Thinkfic is asking for only one thing: the visitor’s email.
  
  

• Use the breadcrumb technique – Sometimes you have a better chance of getting your customer to complete the form by requesting the contact info at the last step of a multi page form.Wait, what? Increasing the length of the form to multiple pages? It may sound counterintuitive, but hear us out.
  
  Multi-step forms are a relatively new trend that’s generating some incredible conversion rates – especially those designed so they don’t actually look like forms at all. Not only do they put the user at ease, but the process of answering multiple questions makes the form feel more personable and the user feel more invested.
  
  Start off by asking for non-threatening information first, like basic details about their business. The next page fields will have a mediocre level of threat, and only the final page will contain the most intimidating fields – name, email, and phone number.
  
  Multi-step landing pages work well for lead gen because they warm up the audience before popping the big questions. That’s exactly what you need for landing that first micro-conversion which allows you to start a conversation with your prospects.
  
  In this example from Leadformly, the users submit their information by clicking buttons or choosing from a preset list, which “gamifies” the process. By the time the users are asked for their personal details, they are already halfway through the form – in other words, they are invested.

4. The landing page doesn’t fit the traffic source

As we mentioned in mistake #2, your landing pages should be tailored to different potential visitors. Another thing to keep in mind, especially if you want to get that first micro-conversion that gets the ball rolling is to make sure the CTA matches the traffic source.

What do we mean by that? If the visitor came from a cold display ad, for example, don’t ask them to book a free consultation. That is a high-threat CTA that probably doesn’t align with the visitor’s intent.

PPC channels like Google Ads and Facebook Ads can be an indispensable resource to grow your business, but it’s important to utilize them properly by changing your CTA to match where the visitor is coming from.

5. A cluttered design

A good landing page design is clean, well organized, and clutter-free. A few tips to avoid clutter on your landing page:

• Take out all distractions – links, unnecessary images, navigation bars, social share buttons and footers. Yuppicheif, an online store selling premium kitchen tools throughout South Africa, increased their signups by 100% just by removing the navigation bar from their landing page.

• Opt for White Space design – white space is the area between the different elements of the web page. With nothing else to look at, white space design makes people focus on what is important. It’s important to note that white space isn’t necessarily white. It can be any color (or even a background image), as long as it separates and contrasts the different elements.
  
  Apple’s iPhone landing page is a good example:

• Implement the Don’t Make Me Think rule – a good landing is needle focused on one single action, making sure visitors know exactly what to do on the page.
  
  
• If you can say it in fewer words, do – Your headline and copy should convey your message in the most concise way possible. Avoid overly long text that people will not commit to reading.

6. Slow Load Time

Research shows that a whopping 40% of web users will abandon a page if it takes longer than 3 seconds to load. If the page fails to load within 5 seconds, the number jumps to 74%. As you can see, every second counts. It doesn’t matter how valuable your offer is or how sleek the design of your landing page is if no one sticks around to see it.

According to Kissmetrics, one of the most common culprits for slow loading times is large images or background video elements. As important as landing page design is, do not sacrifice usability for looks.   

7. Lack of Social Proof

Social proof taps into the basic human instinct to follow the actions of our peers. If it worked for other people, it would probably work for me too. Authentic customer reviews, testimonials, and even tweets lend credibility to your brand right off the bat.

The most important thing is to use social proof that is real – Pictures of actual customers, with real profiles and real quotes. After all, the whole point is establishing your brand as reliable and trustworthy. Email marketing software Hatchbuck makes great use of testimonials on its landing page. Notice how the testimonial includes a full name, photo, title, and an informative quote.

Another method that has proven to be effective, for B2B companies, in particular, is to include the logos of clients below the main theme. This is a great boost to credibility, especially if the clients are widely known brands. In the example below, Freshdesk showcases how many customers use their services and lists some big-name brands.

8. Not Taking A/B Tests Seriously

So you’ve researched all the best practices, and designed multiple landing pages, catering to the different segments of your audience. They load at the speed of light, have a beautiful clean design, and concise, effective copy. These landing pages are going to do well, you can just feel it.

No matter how deeply you trust your gut instincts, ultimately your decisions should be based on data. It’s always better to create multiple versions of each landing page to find out which elements of it actually work. Examples of things to test:

• Headline – as soon as the page loads, visitors need to understand what they’re being offered, and why it’s worth their while. Would a straight-forward headline outperform a more creative one? Only one way to check. 
• Text length
• Image background vs. one color background
• CTA placing 
• CTA wording – A more detailed CTA that uses first and second person pronouns is likely to work better than a generic one. For example, ‘Get My Free Audit’ instead of simply ‘Download’. Play around with different variations to see what copy performs best. 
• Image placement – The same image could work great in one spot and be a distraction when placed elsewhere. A/B testing is a surefire way to optimize your image placement. 
• Image/ video – which is more effective?

Landing page builders like Unbounce or Wishpond allow you to easily split traffic between variants and track which pages performed better. Remember to test one element at a time, so you know what exactly caused the results to improve.

To sum up

You could get a bunch of traffic to your landing page, but it will amount to nothing if it doesn’t actually end up generating leads. There are a few mistakes you must avoid when building a landing page.

Slow loading pages are sure to hold back your conversion, as are cluttered designs which distract the user from the page’s primary goal.

Avoid bringing all your traffic to one generic landing page. Instead, create multiple variations to cater to different customer personas. Also, consider how the lead landed on your page in the first place, and change the CTA accordingly (don’t scare off cold customers, warm them up gradually).

Don’t underestimate the importance of a mobile-friendly design and don’t be afraid of a multi-step lead gen form to make the process less intimidating and bring up micro-conversion rates. 

But hey, even if you catch any of these slip-ups on your landing page, don’t sweat it too much. Look at it as a chance to turn things around and grow. 

Once we implemented some of those changes to the landing page of long-time Target Audience client Userway, we saw the conversion rate from visit to purchase climb up by 23%!

What did we do? Refined the headline so the benefits of the paid version are clearer, optimized the mobile version so the form is above the fold, and cleared the page of unnecessary copy which created clutter.