6 Key Design Elements for a Mobile Landing Page that Converts
chad November 23, 2017

Chad Arrington | Mobile Landing Page | Almost everything is switching to mobile after the expansion of mobile usage. If you think about it, everyone has a mobile phone especially since they are so affordable now. This means, you as a blogger needs to make sure that all your pages and web elements are optimized. In other words, you need to ensure they are responsive and easily viewable on mobile phones. The more easily viewable your pages, the better your conversions. I mean, you don’t want to lose conversions because you failed to optimize your pages and they aren’t viewable to those using their cell phones.

Mobile Landing Page

With that said, today we’ll be exploring the 5 key design elements when converting your pages for mobile usage. Let’s get started and any feedback you have, please leave it in the comment box below the content.

Mobile Landing Page

A Short Headline

When pages are converted to mobile, much of the content on the Mobile Landing Page will be compressed so you want to make sure only the most value is displayed. The headline is a very important element so I recommend always keeping it on your page, especially, on mobile. However, because people will be viewing it on mobile, I suggest compressing it and making sure only the most important text is viewed.

Whatever the headline is on your actual desktop page, compress it for viewing by making it short and sweet. Keep a minimum of 6-15 characters

Here’s a cool trick I use to make sure things are looking good for mobile when converting pages. Each page that you convert, take some time to view it on your page before going live. You can also use tools like quirktools.com/screenfly which will allow you to check the page on different devices and resolutions. Again, always test your pages before going live so you can ensure they look just right.


When converting your pages to mobile, it’s important you have a very strong call-to-action. A call-to-action is responsible for converting your visitor and increasing your overall ROI. For that reason, make sure you do your research before creating a call-to-action. How do you do your research? Easy, visit the Mobile Landing Page of your competition and learn from them. Pay attention to the types of things they are doing and what they can do better to improve their overall conversions.

Mobile Landing Page Call To Action

To learn about the best call-to-action for your website pages, I recommend you first think about what you’re trying to achieve, then you can push for that action when someone is opening your site on mobile. I recommend using buttons with the appropriate text. For example, “buy now”, “subscribe now”, or a button which pushes visitors to the correct page you want them on. Call-to-action buttons can be very valuable if you know which ones work and how to optimize them for conversions. Again, visit the pages of your competition and add or remove elements which you think will benefit your overall message.

Reduce the Clutter

That’s right! No one wants to read a Mobile Landing Page which has too many words on it or way too many buttons. I suggest reducing the clutter so only the most important elements are on your page. Here’s some of the best advice in terms of reducing clutter. Let’s get started –

a) Only keep the text necessary for the visitor and to ensure the conversion. The visitor is already viewing your page on their small mobile screen. Having too much text will just clutter it some more.

b) Don’t include banners because this is mobile optimization. Leave the banners to be viewing on your desktop version. If you need to include banners, then have them way at the bottom.

c) Include an image, call-to-action button, and bullet points. With bullet points, you don’t need to write out the complete paragraph or sentence. You can keep them short and right to the point.

d) Remove the sidebar. There is NO need to have a sidebar because banners can be moved to the bottom. The sidebar can now be completely removed.

Reducing the clutter will make it easier for your visitors to read the content. They also just focus on the main points you want them to read. This is perfect for conversions.

Simple Forms

Keep forms as simple as possible and remove what’s unnecessary. When you form with too many fields, this will take up a lot of room on the screen when viewing on mobile. For this reason, you need to either create another form or tweak the existing one to better fit your needs. For example, ask yourself this question – what are you trying to achieve through your form then adjust your form. Here are a few things you can do right away.

First, remove necessary fields and ask for the only first name and email address. That’s all you really need to open the doors of communication. Secondly, the fields should be large and visible so the visitor can view them clearly. The better the fields, the easier it will be for the visitor to fill out the necessary fields. It will also increase the likelihood that they’ll fill it out increasing your overall conversions. Third, use eye-catching colors on your Mobile Landing Page to attract the visitor to fill it out. The more attractive the colors, the fewer fields you can use keeping things very clear on mobile.

Align Elements Neatly

It’s important to keep your Mobile Landing Pages as clean as possible. You can do this by making sure you align all the elements cleanly when designing your pages. For example, one way is to make sure you only use the elements which are important and when adding them to your page, you include them on the page all aligned with each other. This will allow the visitor to view them in a systematic process and they’ll look good…that’s the bottom line. Here’s a bonus tip,

Visit the landing pages of your competitors and see what they have done when aligning their elements. I’ve used this strategy for years and have been able to gather a lot of cool information by simply visiting my competition. As a matter of fact, you should view competition when trying to learn new strategies for your business.

Use Redirects Where Possible

Sometimes it’s hard to display all the information you need to on your Mobile Landing Page so use redirects where you can. For example, on the bottom of your mobile pages, you can have a call-to-action which leads to a redirect. The redirect will lead them to another page where you provide them with a lot more information on the product or service you are selling. Many times, you can use this opportunity to redirect the user to a desktop version of the website where your entire page can be seen with all elements. Why would you use this setup? Here are a few reasons –

First, the product and/or service you are selling requires a larger page so you can display more information. A mobile version of the page won’t provide the value you want it to and will hurt the overall brand. Secondly, if you are partnered with another website then a redirect is a great way to capture the initial lead then redirect the visitor to another website. This way you get the email lead, but also have the opportunity to promote the other partners products. Third, setting up a redirect is so easy now because of the fancy tools you have available to you. The question now becomes – why not use them…right? They are so easy to implement and provide so much value too.

Bonus – learn from your competition on how to setup redirects properly. There is NO shortage of information available online and that you can grab from your competition. Study them both and take what you can from each of them.

Final Thoughts

Mobile is taking over and you should be ready for the changes taking place. Around 85% of people are checking email messages on their mobile phone so don’t miss out on this opportunity by not converting your web pages. Take the initiative to start converting them now before it’s way too late and you miss out on all the possible conversions.

Get started right now by reading through the content again and taking notes which you can apply quickly. This will allow you to test out the methods more quickly and without wasting time so you know which work and don’t. In the end, it’s all about the data and making sure you make the right tweaks which produce results. Everything has to do with testing so make sure you test out the different elements and stick with those which produce the highest results. Use tools like Google Analytics to help track your data and I would give it at least 30-60 days before concluding on the best course of action for your Mobile Landing Page.


Read From Another Site: best landing page templates

Tags: , , , , , , ,