purdi_thumbs_nwfrs.jpg

North Wales Fire & Rescue Service Website Redesign

A full length case study is available to download here

 

NORTH WALES FIRE & RESCUE SERVICE

Responsive Website Re-Design
 
UX • UI • Drupal

INTRODUCTION

The brief was to evaluate all aspects of the website -  user journey, user interface and interaction and offer solutions to correct issues with all of the above.

Although some time has passed, the main UI is still in use. View the site here.

 

BRIEF

The website was about 7 years old and not conveniently accessible for multiple devices or users. There were also a lot of users contacting the North Wales Fire & Rescue Service alerting them to the fact that the user journey was confusing and the site was difficult to navigate for those with disabilities.

A full pdf case study is available to download here.

 
 
nwfrs_dots_mock_6.jpg

UX

The site was being redeveloped in Umbraco, but because the client had been left to populate the site on their own for a long time the design and user flows had become messy and convoluted.

I decided to reduce the amount of template options available. This was with a benefit that information could consistently be delivered to their users with a simple and clear layout.

Below is a visual of the site map I created. The purple dots suggest the templates to be used and a simple navigational system in the UI was also considered.

 
nwfrs_dots_mock_3.png

UI

The site is responsive and so several pages were designed at multiple break points. Annotated documents outlining interaction behaviour of the navigation and sub navigation were also supplied and briefed to developers. Below is an example of the annotations.

 
nwfrs_dots_mock_4.jpg

DEVELOPMENT & PROJECT MANAGEMENT

The development team were based offshore, but we had regular Skype calls and stayed in close contact through Jira, Confluence and Google hangouts.

 
nwfrs_dots_mock_8.jpg

THE FINAL DESIGNS

The whole site is responsive and is available in Welsh and English. 

All pages follow the W3C’s WAI accessibility guidelines and comply to the UK’s Disability Discrimination Act.

An audio description service is provided on each page.