Gas Safe Register is the official gas registration body for the United Kingdom, Isle of Man and Guernsey, appointed by the relevant Health and Safety Authority for each area. By law all gas engineers must be on the Gas Safe Register. Their website has an engineer area that can be logged into to, but this was old, had bad accessibility and did not follow government design system principles. The aim of the project was to improve usability and bring the site up to accessibility and GDS compliance.

I carried out planning workshops, competitor analysis and created personas using Miro and Adobe XD, working with stakeholders to understand the business needs, developers to understand the technical constraints and incorporated previously-carried out user research.

Once the approach had been agreed upon I put together an interactive styleguide based on the atomic design structure, from which the front-end developers would be able to create the components. This was largely based on the government design system and influenced by material.io.

This would also go on to inform the information architecture.

So that the developers could see fully how the final pages would be structured, I created a set of high-fidelity interactive prototypes for a selection of pages, to cover all component types. This included desktop, tablet and mobile, all of which were important for end-users.

Supporting documentation helped stakeholders to see the reasoning behind design decisions.