Here Is How You Design MOBILE Landing Pages That Convert

1. Think Through Your Mobile Content 

1. Let's assume you run a plumbing company; well, then, my friend, you can't expect a user accessing your landing page (going through a pipeline leak “crisis”) to be willing to read a lengthy piece of content detailing various types of pipelines (let's say), before he/she will have scrolled down like a madman for finding your contact details. It's common sense deduction don't you think?
    
2. Let's assume that you run a luxury goods company; considering your items' high prices, you should expect your potential customers to want to read detailed product descriptions, including all the details they need for making their final decision. You should expect them to want pictures, lots of pictures, which will help them visualize those expensive items from various angles, to read all about the lifetime guarantee that you provide and so on.

• A common sense rule is to place your conversion elements and important content as high as possible on the page, but not to be afraid to continue to deliver quality content and more information about your business bellow the “fold” at the bottom of your users' screens 

• It's perfectly true that more often than not mobile users would stop with their scrolling (and reading) to he bottom of their screen

• But! There are also surveys revealing that if websites feature a user-friendly interfaces and engaging content (such as video content) they're more likely to keep scrolling down
   
• Shorten your paragraphs, more frequent paragraph break will help your mobile (potential) shoppers to easily “digest” your content. Remember that a paragraph of reasonable length on desktop will look awfully “crowded” when compressed for the mobile screens! Therefore: ease your reader's job and break your content into breaf paragraphs!

2. Consider and Prevent User Experience Barriers 

1. Illegible Text on Mobile Devices

2. The Temptation of Using Interstitial Forms

3. Faulty Responsive Design

3. Don't Lose Sight of Your Goal: Conversions

• you keep in mind to place and to make visible a click-to-call button; remember that it's from their mobile devices that your users access your landing page and, therefore,  they're far more likely to place a call for service than desktop users

• you keep in mind to place both a “Contact” button and a prominent contact form on your mobile landing page

• you keep in mind that your form's fields might get awfully shrunk and thus impossible to be tapped on when transitioned from desktop to mobile. Make sure to fix this issue!
   

4. Make Sure That It Loads “Instantly”

5. Properly Test It Before Launching It

1. You “recruit” your testers from both the Android and iOS users' communities; make sure to pick users owing different types of mobile devices for getting them to test your landing page
    
2. You run A/B tests (you could use tools such as Google Analytics, Optimizely, Content Experiments) to find out which is the most efficient way of placing elements on your landing page
    
3. You install a heatmapping tool (we recommend either Hotjar or Crazy Egg) to discover how far into the content your users would scroll down and what elements on your landing page they're more likely to engage with
    

And here is how you do it! Here is how you put together not just visually-pleasing, but also efficient mobile landing pages.