GCHQ & NCSC
Full website redesign for both sites
UX design • Visual design
www.gchq.gov.uk & www.ncsc.gov.uk
GCHQ and NCSC are sister organisations that both wished to redesign their existing sites. It was decided to use NCSC as the main focus in the design process as their site was more complex and would create the greater challenge.
We started by redesigning the user flows of the site based on task analysis of current users and then built out a new set of site maps and wireframes. Lastly a new visual identity that could be used for both sites was created.
Sitemaps
Wireframes
Later stage wireframes were tested for visibility of key messages and general usability
Early UI designs
Final designs
Layout guides
Layout guides were essential for the design process to ensure all components were accounted for but also for the substantial development team to ensure they made all the components scalable
Final designs
The final designs incorporated over 180 screens for multiple parts of the two sites as well as four distinct size breakpoints
Style guide
A style guide was created containing all 180 screens as well as design decisions such as typography, colour and interactions