UX designer, user researcher, visual designer
gchq_logo.jpg

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.

START.jpg
Sitemaps

Sitemaps

GCHQ_IA.jpg
NCSC_IA.jpg
Wireframes

Wireframes

 Later stage wireframes were tested for visibility of key messages and general usability

Later stage wireframes were tested for visibility of key messages and general usability

Early UI designs

Early UI designs

Initial-UIs.jpg
Final designs

Final designs

final-fronts.jpg
Layout guides

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

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

Final designs

 The final designs incorporated over 180 screens for multiple parts of the two sites as well as four distinct size breakpoints

The final designs incorporated over 180 screens for multiple parts of the two sites as well as four distinct size breakpoints

Style guide

Style guide

 A style guide was created containing all 180 screens as well as design decisions such as typography, colour and interactions

A style guide was created containing all 180 screens as well as design decisions such as typography, colour and interactions