Mobile Landing Page Examples That Converts
Mobile devices are responsible for up to 60% of all internet traffic. You also note that mobile internet experience greatly differs from the ‘desktop’ internet experience. Most landing pages designs are for computer viewing and it is no surprise that mobile conversion rates are lower.
However, if you implement a strategy to cater for mobile browsers you can achieve high conversion rates. This is regardless of the visitors’ internet access device.
Here are five examples of landing page designs that are optimized for mobile user conversion.
Mobile Landing Page: Clickable Call Button
The key to optimizing content for a specific device is to understand the features that are unique to the device you are targeting. The key difference between mobile phones and computers is that one can make phone calls (obviously) from their phone.
Therefore, the landing page that mobile visitors will be redirected to needs to have a different call to action. A clickable call button would enable an interested visitor to immediately get in touch with your business’s representatives.
In conventional landing pages the call to action redirects you to another website (or lead generation form). On mobile devices, your call to action can connect your visitors directly with your phone operators. In any form of marketing you cannot downplay the value of human interaction.
As the badger cab example above shows, you need to show your visitors the number that they are calling. This will help them to understand the cost that they will incur for the call.
Mobile Landing Page: Single Column Formatting
The average screen size for mobile phones is 5.5 inches, while for ‘regular’ laptops is between 13 and 25 inches. As the screen size of the device affects the view experience, You need to format mobile landing page with the smaller screen size .
Below is an example of a website that has a shoddy format for mobile viewership.
The text and visual objects in the iPresent website are formatted with multiple vertical columns. While this might work on a computer screen, for mobile viewership you have to zoom in and scroll both vertically and horizontally in order to view all the content.
Compare this with the degoo landing page shown below.
The Degoo landing page has been optimized for mobile viewership with one column. The only scrolling action the mobile viewer needs to take is to scroll downwards. The text is clearly legible on a smaller screen without having to scroll further.
This is the design that you should be adopt for any mobile landing page that wishes to convert its visitors into valuable clients.
Mobile Landing Page: Light Weight Pages
Mobile internet connectivity is not as dependable, in terms of speed, as household/office computer connections. With the slower speeds, you should ensure that your mobile version of the landing page is as lightweight as possible to reduce loading times.
Avoid unnecessary images and auto loading videos in a mobile lading page to minimize the load times.
Minimal and Concise Content
The purpose of the landing page is to convince your visitors that they need to do business with you. It is therefore tempting to use a lot of content in order to persuade your visitors to respond to your call to action.
However, the small mobile phone screen limits the amount of content that you can present in a mobile landing page. Rather than having a lot of content, that will require the visitor to scroll through, the mobile landing page should aim for impact rather than quantity.
Use powerful key words that will resonate with your intended viewer rather than multiple pages of content. Market research will enable you to find the key words that work well with your audience. Too much content can be overwhelming for the mobile user, and might lead to a higher bounce rate.
Mobile Landing Page: Touch Interface friendly
Save for a few models today’s mobile devices rely on the touch screen interface to interact with websites. Therefore, you have to optimize the call to action button(s), scroll bars and other clickable content for the touch screen experience.
The geek squad site above is a good example of how to format your buttons. A user needs to be able to click on your buttons with their fingers without having to zoom in. If a user cannot interact effortlessly with your landing page, they will not respond to your call to action out of frustration.
In conclusion, the design phase of the landing page needs to recognize the difference between the experiences of visitors accessing the page through computers and those doing so via mobile devices.
By factoring in the small screen size of mobile devices, you can increase the conversion rate from mobile visitors to your landing page.