How to Optimize your Website Landing Page for Mobile Devices

Front End Development, Mobile, Tip and Tricks, Trends, Web Design, Web Development
Devices, Landing, Landing Page, Mobile Devices, Optimize, Optimize Website, Page, website
8 August 2014

Making a website page for mobile devices such as laptops and smartphones is essential to your traffic and sales. Although a website can be responsive and adapt to mobile screens, there are some customisations that need to be done to make the webpage visually appealing.

The number of mobile users is increasing day by day because of the new technology advances in the mobile industry. Currently, the mobile devices account for about 15% of internet traffic. This is expected to be raised to 50% in next decade. Here are some tips that will help you to make a great website landing page for mobile devices:

Short Titles

The Headlines or topics you write about should be a suitable length to view on a smaller screen. The headlines capture the attention of website visitors and must be short enough to be viewable.  This helps mobile viewers to have a quick look at it and decide whether the content is engaging enough to stay on the website.

Fast Speeds

People who use the internet on mobile devices are most likely on the go and are in a rush to find information. You are more likely to convert traffic when taking action is quick and easy. Fast loading times also help SEO rankings to actually get more website visitors.

Call to Action

The pages you build for mobile should have calls to action and various buttons. Mobile users are more likely to click a call to action than the visitors on a desktop; therefore it’s only practical to place effective buttons that stand out from the rest of the content. While a user is clicking on a mobile phone, there are often “misclicks” because the content is usually placed too close together to fit.

If your buttons are too small, the user may click onto the other buttons or links nearby and this may take him to an unwanted page. Create calls to action that are thumb standard sizes.

Simple Fonts

While making a mobile page, ensure that the font you use is easy to read and the navigation page is clear and quick. If the fonts are too small, the user will have to zoom in and out and become frustrated. The minimum font should be 16 pixels.

Single Columns

Since the screen of a mobile device is smaller than desktop versions, it is best to use a single column style. 2 columns would get crowded and make the content hard to read. Also, ensure your website looks fine on both portrait and landscape modes.

Eliminate Popups and Ads

Last but not least, the most disliked feature on a mobile device website is popups and advertisements. Advertisements are distracting, especially on mobile devices where clicking away may not be as easy. If popups are mandatory, sidebars and footers are ideal places to put them.

JTB Studios offers quality mobile website design and development services to attend to your visitors on the go. To learn more visit


You made it this far
Let's chat
1300 66 99 58
88 Langridge Street Collingwood 3066

    Hi, my name is

    I'm from

    You can call me on

    and email me at

    I would like to chat about...


    Wow, so nice of you  
    We’ll be in touch shortly to learn more about your project.


    Benchmarque V2

    Education Health & Medical


    Fashion & Beauty Retail


    Education Technology


    Arts & Culture Education


    Manufacturing & Industrial Retail Technology Transport


    Banking & Finance Civic & Public Not-For-Profit