Mobile responsive landing pages are the newest trend on the landing page block, and they are here to stay.
It is the very first page a visitor lands on when they make it to your site. Mobile-optimized websites can triple your chances of increasing your conversion rate by 5% or more.
Trying to master the craft of creating a high converting mobile landing page can be quite the mission.
As more people start using their mobile devices as their primary means of accessing the web, mobile optimization is becoming something you can’t afford to ignore.
And, the post is listing 11 best of the ideas to help you to build your own high converting landing pages and win over your traffic.
- #1: Show your product or service
- #2: Write a strong and short headline
- #3: Phone Number as CTA
- #4: Fast Loading Pages
- #5: Geo-targeting
- #6: Optimize your call-to-action (CTA)
- #7: Minimize Distractions
- #8: Make sure forms are short and simple
- #9: Obey the 44×44 rule
- #10: Emotional Appeal
- #11: Demonstrate Functionality
- Watch DSIM Trainees Celebrating Last Day of Batch
#1: Show your product or service
Make sure your visitors know they have landed on the right site. Create a sense of recognition on your site.
If people know your company, make sure to show your logo and maybe some characteristic colors that come with it. Then present your product in a way that makes them identify it promptly. Make sure you draw their attention and offer them something worth staying.
Why PayPal has nailed it?
The mobile payment solution PayPal shows how the app works and what it looks like. You can click through a sign up for free for a better feeling of the app.
#2: Write a strong and short headline
Headlines on landing pages should be short. With mobile landing pages, you need to keep your headlines very short. If possible, try to make it around five words or fewer. Cut out any unnecessary words, such as product descriptions. All your mobile landing page headline needs to do is give your visitor an idea about what your product does.
Why Motorola has nailed it?
The mobile landing page for Motorola’s Moto 360 is a good example of this. You can see the name of the product and price. The CTA button is clearly displayed and tells users a bit more about the product. “Build Yours” suggest that the watch is something they can customize for themselves.
#3: Phone Number as CTA
Make your phone number as CTA to call your company, make the phone number easy to locate. Make it stand out on your mobile landing page.
Put the number in a prominent position. You can turn your CTA into a click-to-call button and make it easy for your mobile users to call into opt-in to your offer or request more info.
Why DSIM has nailed it?
DSIM has clickable CTA buttons ‘click to call: 8800290309’. It has clearly visible and accessible CTA to the user at the below of the page. The opportunity brings better conversions.
#4: Fast Loading Pages
The fast loading pages are important. Research shows that well over half 64% of smartphone users want a web page to load within four seconds, while the vast majority 82% expect it to load within five.
Therefore you need to ensure your page loads as quickly as possible, remembering that a lot of users will depend on 3G access.
- Smaller file size = faster load time
In the study by Soasta, pages with an average load speed of 2.4 seconds had a conversion rate of 1.9%. This is a respectable rate considering the fact that desktop conversions average 2-3%. Pages that load one second slower experienced a 27% decrease in conversions.
You can use HTML5 to use the Geolocation API, which will give your visitors a local option. Having a nearby choice can add relevancy to your visitor’s mobile experience. Geolocation takes your visitors location in through the GPS receiver.
Why Ola has nailed it?
The landing page of Ola app is responsive and features a geolocation. It allows location access for accurate booking.
#6: Optimize your call-to-action (CTA)
Keep your CTA short and clear without losing its persuasiveness. Ideally, it should be one of the first things visitors see when they land on your mobile page along with your headline. While visibility should be a priority, make sure the CTA copy clearly tells visitors what to do. If the sole purpose of your mobile landing page is conversion, focus on a persuasive and clear copy.
Why Shyp has nailed it?
Take a look at the example from Shyp’s mobile landing page; you can immediately see the CTA button, which is highlighted with a darker background. While the headline is also prominent, the main focus is on the call-to-action. It’s short and clear while being persuasive. There are also no distractions on the page and the design is minimal.
#7: Minimize Distractions
Whether you’re building a landing page for mobile, it’s easy to get carried away with the pictures and text. You might end up filling every pixel of white space with distractions. When there’s so much going on, you might end up chasing your potential customers. The entire focus should be on your CTA button and headline, so keep it minimal.
Why Squarespace has nailed it?
Take a look at the example from SquareSpace. You can see that the design and layout are neat and minimal. There’s significant space between text, imagery, and other elements. This is a good use of white space, as there are no distractions. Users directly see the headline and the CTA button is highlighted clearly as well. So page visitors will know exactly where to go and what they need to do.
#8: Make sure forms are short and simple
If your landing page is primarily for data capture, it’s important to ensure that form filling is kept to a bare minimum. Though it’s useful to have a huge amount of customer data on file, what do you really need beyond a name, email address and possibly a phone number?
Conversion rates on mobiles are generally extremely low, so don’t expose yours further by requiring users to fill in a massive data capture form.
Why Dropbox has nailed it?
The landing page of Dropbox form is simple. It has minimal information of name, surname, and email of the customer. Users directly see the CTA button ‘create an account’ is highlighted visibly.
#9: Obey the 44×44 rule
In order for users to be able to navigate your site simply all CTAs need to be big enough to easily click with a thumb. A CTA that is 44×44 pixels should be large enough to accommodate most people’s thumbprints, but you also need to make sure there is enough space around the buttons to avoid accidental clicks.
Why Currys has nailed it?
The example from Currys, which use responsive design, show how to design CTAs that stand out and are easy to click.
#10: Emotional Appeal
Depending on the product or service you are selling, personal attachment or even identification is important. With emotional design elements, you can appeal to your visitors on a more general level than with plain information.
For example, with images, or background images, you can add a strong emotional factor to your design. You can create desires and fantasies and you can convince people of your product without even using words for that.
Why Human has nailed it?
Human is an app that helps people move 30 minutes or more per day, every day. The idea behind the app is to help people stay healthy and make them feel good about themselves. Their landing page reflects just that: Living a healthy and happy lifestyle.
#11: Demonstrate Functionality
An interesting feature on your landing page could be answering the question: “How does it work?” Not only the what, but also the how is important to people. Besides, product demonstrations can be a lot of fun and are a great way to get your visitors engaged.
Why Headreach has nailed it?
The landing page of Headreach shows a CTA how it works and you get 10 free leads button on the left to get it. A page that gives you a lot more!
Landing pages are effective when they speak directly to your audience. Optimizing to say much within a single page is almost always more overwhelming than impactful.