Responsive and mobile web design

Responsive design is an exciting web development technique that allows a single website to be viewed seamlessly on a variety of devices, from smartphones to desktop computers.

Organisations have seen a huge rise in the number of people accessing their websites using mobile devices, and so the ability to provide a full user experience on these devices is essential.

Mobile devices vary greatly in shape and size, from touchscreen smartphones to tablets of all sizes, and also use a number of different operating systems.

In the past, to enable a website to work on different devices required the creation of a number of versions; each using a different site structure, different templates and different content. This resulted in duplication, an overhead on resources to maintain the sites, and the financial implications of extensive development.

One solution for all devices

Responsive design makes it possible to create "one size fits all" websites which take the same functionality and content, and flow this onto the correct screen resolution. Our designers and developers are experts in the skills required to create sites which respond automatically to the device they are viewed on, with a single set of content and images.

Headland has delivered completely responsive sites for a number of clients. In conjunction with the BBC and Alton Towers, and working with TBWA Manchester, we launched the website for CBeebies Land. Built to promote an amazing attraction for kids at Alton Towers Resort, the site is fully responsive - providing an exciting and dynamic browsing experience on all devices and all sizes of screen.

Our responsive expertise is also demonstrated in our websites for Chill Factore, Derwent Students and UGP.

The benefits of responsive design

  • All the content can be available to any user. There is no longer any need to select which content should be available on each device.
  • Building a single responsive site that works on a multitude of screen sizes is quicker and cheaper than building two or three tailored sites.
  • Visitors to your site receive a consistent navigation and design offering the richest possible experience.
  • SEO is improved as there is just a single collection of content for the search engines to crawl. Google may penalise pages for possessing duplicate content.
  • There is a single URL for each page regardless of the device. If a user bookmarks a mobile page and later views that URL on a desktop PC, they will automatically see the same page formatted correctly.
  • Increased conversions and sales. Because responsive sites are not cut down versions, a user would be able to do everything on the mobile site that they can do on a desktop site, and so customers on the move are no longer alienated.
  • It is estimated that less than 3% of sites are currently optimised to take full advantage of the mobile web, providing excellent opportunities to seize an advantage.

Get in touch to find out more about responsive web design.