Why and How to Make your Website Mobile-Friendly (“Responsive”)

First of all – why would you want to upgrade your existing website, instead of getting a “mobile website”? Simple: it’s much cheaper. And much easier. And much more cost-effective.

A separate “mobile website” has gone out of fashion for small businesses – it’s time now to learn how to turn your existing website into a “responsive”, mobile-friendly, website.

What is Responsive Web Design?

Instead of having multiple websites for multiple devices such as Tablets, Phones, iPads, iPods, iPhones… you can just have ONE website. Here’s what Responsive Website Design is. A single website that behaves differently according to the device size.

Why is this cool? Well, your website can be viewed from 100% of your internet users, without having to purchase additional websites specific to smaller devices.

This is how a website behaves on different devices:

responsive-design-cost

You can notice how the logo and menu get centered aligned on smaller devices. Also, the navigation menu turns into a dropdown, as that is tablet and mobile phones friendly.

These are just a couple of examples on how we can actually “tell” the website to change layout according to the user device.

Responsive Web Design – What’s in it for me?

There is no need to say you need your website to look good on mobile phones. If you are not convinced yet, take a look at this graphic from 2012 (source: Irish Internet Association – State of the Net Issue 25) and find a good excuse!

IIA mobile stats

How much is it to turn a website into a Responsive website?

If your website is based on a CMS template (such as a WordPress, Joomla or other Content Management System template), upgrading your website could be a matter of minutes 🙂

In fact, nearly 90% of template designers are now releasing “responsive” versions of their templates… upgrading your website could be really easy, and that will allow you to boost your website sales conversion.

Top 10 Responsive WordPress Themes

If your original template has no responsive version, simply buy a new one. $40-100 should be enough to make you earn much, much more through your mobile friendly website! And here are 10 templates you should look into 🙂

1) Imperion

Business Marketing WordPress Theme – Cost: $75

2) 24.Storycle

Multipurpose News Portal Elementor WordPress Theme – Cost: $75

3) Little Italy

Italian Restaurant WordPress Template – Cost: $75

4) FitPeople

Fitness Elementor WordPress Theme – Cost: $75

5) European Cuisine

WordPress Theme – Cost: $75

6) FitSpot

Fitness Studio Elementor WordPress Theme – Cost: $75

7) BuildWall

Construction Company WordPress Theme – Cost: $69

8) Cashmeree

Fashion WordPress Template – Cost: $75

9) Tourizto

Travel Company Elementor WordPress Theme – Cost: $75

10) Intelity

IT Courses Elementor WordPress Theme – Cost: $75

 

About The Author

Rodolfo Melogli

Author, WooCommerce expert, WordCamp speaker and Internet marketer, Rodolfo Melogli helps entrepreneurs overcome their ecommerce nightmares :) Rodolfo is the organiser of the Dublin Ecommerce Meetup, WordCamp Dublin, the Dublin WordPress Meetup and the Dublin WooCommerce Meetup. He enjoys interacting with people, running on the beach and chasing tennis & soccer balls. Of course, he loves pizza too.

2 Comments

  • Niall O'Shea

    Reply Reply April 23, 2013

    Our web stats indicate a huge increase in referrals from “m.facebook.com” which means more people are visiting our site from their phone. We will look into adding a responsive element to our website.

    Thanks for the tips.

    • Rodolfo Melogli

      April 23, 2013

      Thanks Niall! If you’re using Google Analytics, you can also check this section: Dashboard/Audience/Mobile. It’ll basically tell you how many users are accessing from mobile devices and what devices they use!

Leave A Response

* Denotes Required Field