The secrets of responsive website design


The ways that citizens access information is changing, moving away from PCs towards mobile devices – be that smartphones or, increasingly, tablets.

This has huge implications for the design of citizen-facing eservices. If citizens can’t easily access services they need online using their chosen device, they will end up making contact via means that cost your organisation more, such as a phone call, defeating the purpose of the website and counteracting efforts towards channel shift.

This is where responsive design comes in. Responsive design uses the functionality of CSS3, combined with Unobtrusive JavaScript, to provide an optimal viewing experience across multiple viewing platforms for websites and email. As the Government Service Design Manual says:

“Where we might previously have developed separate mobile and desktop versions of a service, or bought bespoke apps, design should now be done with one website in mind. This should be done using a responsive design approach. This means websites adapt to suit the dimension of the screen being used to view it.”

A new ebook, Putting the Design in Responsive Design has been written as a best practice guide to the process of implementing a responsive design approach.

The guide walks you through the key elements to consider while thinking about a redesign, and provides key takeaways to help with creating a responsive website within your own organisation.

Download the full guide below to find out more:

  • This field is for validation purposes and should be left unchanged.

Related reading