Choosing a responsive or mobile design for your website

Megan Bennett - Wednesday, June 12, 2013

A mobile version of your website or a responsive design will allow your website site to be more appropriate for all view ports / screens (smart phones, tablets, desktops).  A mobile or responsive design can offer simple navigation and optimised content, but you should be aware there are differences in these types of design solutions.

What is responsive design websites?

Responsive design is when a website adjusts or "responds" to the screen that you are viewing it on - the viewport allows you to see everything clearly without having to "pull and pinch" on smaller screens. So if you are looking at the site on a laptop, it will look different again if you view it on a smartphone. Responsive layouts adjust to the viewport of the device.

What is mobile design for websites?

The alternative to a full site with a responsive layout could be a mobile version of your website. Offer your site visitors a small portion of content from your website that is suitable for site visitors on a smart phone. Decide if you need the entire contents of your website served to your clients or the user experience would be best if minimal content was accessible for mobile users.

Examples of mobile and responsive website layouts

Here are a few projects that we've built that show the differences in design options.  View these on your laptop or tablet, then view them on your smartphone.



Visit these sites on your smart phone and you will see the mobile version ~

Further reading

Print Friendly Version of this pagePrint Get a PDF version of this webpagePDF