How to optimize your website’s landing page for mobile

Aug 08, 2014

The mobile revolution is the single biggest change in the Web’s short history. The mobile landing page must be optimized for your mobile site visitors.

Optimizing your landing pages for mobile is now an essential process for every designer. Below is a simple checklist that you can run through to ensure your site is ready for mobile browsers:

1)Scale appropriately:
The ability of a website to scale to various devices is vital. So make sure that your site scales properly in portrait and landscape view.

2)Select the content carefully:
Its true mobile offers much less space to fit content onto a landing page. Therefore keep headlines short, brief, to the point and around three to four words. Similarly, keep the page as clutter-free as possible, with a low number of links and a maximum of one image, if possible. Put content in bullet points so that the eye can take it in easily, without having to pause.

3)Size matters:
A landing page should always be quick to load, specially the one that will be accessed via a mobile device. There’s no set rule, but as a general guide, if your landing page takes longer than 3 or 4 seconds to load you’ll start losing a lot of users. Images take a lot of time to load and so should be kept to minimum and use CSS instead of images where possible.

4)Readability matters:
If the customers can’t read the text with the phone held at arm’s length, then it needs to be bigger. Do not make users endlessly scroll either or else they will get bored quickly and move on. So everything you do must grab their attention immediately.

5)Keep navigation simple:
Navigation should be simple and straightforward. Keep buttons to minimum and ensure that they pass the thumb test. Try adding buttons to different areas of the page so that a logical path can be followed.

Share this:

Let’s Connect

Subscribe to our newsletter to keep updated on the latest news or send us a message. We’d love to hear from you.

Read More About Website Design + Development

Website Security: How to Gain User Trust and Strengthen SEO

Website Security: How to Gain User Trust and Strengthen SEO

With the increasing recent data security breaches in the news being brought to light, users are wearier than ever before about their personal data being...


The top reasons why your website needs a heatmap and scrollmap analysis

A website is a critical tool for any business trying to reach consumers. It is a digital doorway visitors can access from anywhere and at...


Website Speed: Why it Impacts User Experience and SEO

Have you ever navigated to a website just to wait for it to load for what seems like forever? Us too. Google has found that...