GCHQ interactive profiles

Interactive animated audio profiles

GCHQ interactive profiles

Role:

  • UX / UI Design
  • Motion Design
  • Web Development
  • HTML5
  • Javascript
  • Vue.js
  • Interaction Design

GCHQ is a world-leading intelligence and cyber security agency with a mission to keep the UK safe.

They have to compete with the top tech companies on the planet for the best talent, without being able to be open about what they are really working on.

These responsive interactive profiles aim to uncloak some of the mystery surrounding what it's really like working at GCHQ, across a multitude of roles.

I consulted on UX and design and crafted the final product. For the build I used Vue.js, Pixi.js and the web audio api.

Explore the app below. I used Vue.js to handle the navigation and views and Pixi.js for the WebGL graphics. It was fun to create a realtime audio-visual animation which we wanted to give a sense of the technical innovation at GCHQ.

The app is fully responsive providing a rich experience across all devices. This is how the Ui appears on a smartphone.