Responsive Design & Responsive Website Development

responsive-design-large

Our Latest Site is a Responsive Website

We have just redesigned the NetON site to be fully responsive, which means that it looks and works great on Computers, Laptops, Tablets and mobile devices. The latest site is also optimised for touch which means that menus come up when you click/touch.  If you haven’t already please view our website on your computer, laptop, tablet and mobile to see how it works in each of those devices. This will also give you an idea about what responsive website means.

What is a responsive design/website

A responsive website design essentially responds to the size of the device and adjusts itself accordingly. This means on tablest and mobiles, the navigation is made smaller, the images are resized to the width, the text on the pages fit the width of the mobile and horizontal blocks/boxes arrange themselves vertically to make the content more engaging and readable on all devices. Here is what the responsive functionality does on the NetON website Homepage

  • The main navigation turns smaller with the menus hide under a button.
  • The main image resizes to the width of the device
  • The main text fits nicely in the mobile/tablet width
  • The four main promotional boxes arrange themselves one under the other to make it look nice and easy to read on mobiles
  • The footer boxes arrange themselves one under the other for better readability

This is how the homepage structures for mobiles. All the pages have been built as a responsive framework so as you go through the pages, you will be able to view how the layout automatically adjust for smaller screens.

responsive-design2

Advantages of a responsive design / responsive website

The main advantage of having a responsive website is that you don’t need a separate mobile website. Whatever changes you make to your website will automatically adjust for mobiles giving you better speed and efficiency in maintaining your website. Before we had a responsive design, we had a separate mobile website, which meant that if we added a page to our main website, we would have to then add that page to the mobile site. Moving into a responsive design means that we can make changes to one central location.

The second advantage of a responsive design is that it caters for mobile visitors. On average we see about 10-15% of current traffic coming from mobile devices. In 2013 mobile traffic is tipped to double the current number which means 1 out of every 3-4 of your users will be visiting via a mobile device. For any business thats a big number and you need to make sure that user experience no matter what device they are accessing your site from remains consistent.

Responsive Design should be your top priority for 2013

In your Marketing/ Development/ Customer Engagement agenda for 2013 – Responsive design should be on top. Users are now engaging, researching and purchasing products on mobile almost as much as on their computers. This year this is tipped to double what was last year. Building a responsive website means doubling your user engagement by at least 20% and at maximum by 100%.

What is required for a Responsive Design

Responsive design doesn’t necessarily have to be a big task.  Depending on how good you want your site to look on mobile screens, it could be as little as a few hours of writing a style guide that adjusts your site to mobile screens. 

Please ask for more information with your website for a proper time estimate.

[vfb id=12]
responsive-design-square