mobile-web-design How to Optimise Landing Pages for MobileWe all know by now that mobile and the use of smartphones continues to grow at a very rapid rate, so if you have a website, it’s now essential that landing pages are optimised in order to retain visitors.

Bearing this in mind, we thought we’d offer a few vital tips for optimising your landing pages in order to give the best experience to your visitors. A page that hasn’t been optimised is sure to send your visitors running for the competition as they soon become bored with things that don’t work and leave your site.

mobile-web-design-1 How to Optimise Landing Pages for Mobile

Responsive design

The first, and most important, aspect to optimising landing pages for mobile is that the page is scalable and this means that it’s necessary to choose a responsive design. This should scale to fit whatever device is viewing it and should work in both portrait and landscape mode.

If you use WordPress to create a site, then this is relatively simple and will just involve buying a responsive design template, or getting a web designer to create a template by hardcoding the theme.

Considering just how many devices of all shapes and sizes there are out there, creating a page with scalability for just a few of the most popular handset sizes just isn’t good enough these days. However, if you don’t want to lose traffic, it’s important to get this right, so unless you’re a professional designer yourself, it’s highly recommended that you hire one.

optimised-mobile-web-design How to Optimise Landing Pages for Mobile

Size matters

Next, it’s time to think about size. Landing pages should be as lightweight as possible and ideally, less than 20 kilobytes with clean and tidy code, using CSS and no images if possible.

If you absolutely have to use imagery, then think about using image sprites to keep load time to a minimum. In general load time should be up to 5 seconds, any longer than that and visitors will leave.

Provide a clear call-to-action

Your call-to-action (CTA) should appear high up on the screen, be large enough to click with the thumbs and provide something that entices the visitor into taking action. For mobile, this is often a call button, tempting the visitor into requesting further information.

It’s also important that text is kept to a minimum and this means that titles should be no more than three or four words. Bullet points are handy for getting your message across in a clear, easy to read way and text should be large enough so that it can still be read with the device held at arm’s length.


Visitors to your landing page will want to get the information they require by taking as little action as possible. Bearing this in mind, ensure that navigation is kept simple and forms require only one or two input fields.

All links should be large enough to click on and these should be padded to avoid accidentally clicks on other links.


The landing page should be tested on as many devices as possible, not just the desktop PC or laptop it was created on. One approach to take is A/B testing, for which it’s necessary to make two landing pages and split the traffic between them.

Both pages can then be monitored to see which one is the more effective, once this has been done, you then have a page which you know works.

Mobile is not going anywhere in a hurry, quite the opposite actually, more and more people around the world are connecting to the net via a smartphone. This means that it’s now more important than ever to ensure that your site works well on the mobile platform, if you’re to avoid visitors going to the competition instead.

In order to do this, it’s essential that a good, scalable landing page is created, which is as simple as possible, but still makes an impact.

Get in touch with My Social Agency’s mobile app and web development team to learn more about mobile web design.