Andrew Mason

Senior Design Engineer
Frontend Developer
UI Engineer

As a Senior Design Engineer, I excel at merging design and technology to build engaging web interfaces. My expertise in modern web technologies and design systems, coupled with a deep understanding of design principles, allows me to collaborate effectively with designers and engineers alike. With a proven track record of developing innovative design tools, such as award-winning Figma plugins, I help bridge the gap between design and technology. I thrive in multidisciplinary teams, leading projects and driving innovation within UI.

Skills and knowledge

Work

• Milton Figma HTML Export Plugin

  This open-source Figma plugin, Milton, gives designers the power to craft and export responsive HTML embeds for effortless integration into any CMS.

• Storytelling with Scroll-Triggered Techniques

  Creation of a visual storytelling tool using scrolling to trigger image transitions and stacking text

• The Telegraph's podcast embed prototype

  A custom built modern podcast audio player and embedding dashboard tool.

• Rare - Sea of Thieve UI engineering

  Delivered UI features for Sea of Thieves optimised UI workflows, and prototyped innovative designs for their next title.

• 6x9 - The Guardian's Virtual Reality WebGL website

  In-browser 3D animation editor built for the WebGL version of the Guardian's 6x9 virtual reality experience.

• 6x9 - The Guardian's first Virtual Reality experience

  6x9 is the Guardian's first virtual reality experience, which places you inside a US solitary confinement prison cell and tells the story of the psychological damage that can ensue from isolation.

• Enhancing The Telegraph with Variable Fonts

  Custom built browser tool to visually explore variable font settings on a live web page.

• Dynamic video wall showcase

  A dynamic animating video wall displaying the latest content from the Telegraph's print and digital publications.

• Lottie animation integration tool

  A web based Lottie preview and embedding tool

• 3D Tour de France Visualization

  An innovative 3D WebGL project showcasing the Tour de France's Alpe D'Huez climb, merges satellite imagery with elevation data for an immersive experience

• Glitchor - Image Glitching Using JavaScript

  A image glitching tool that explores databending. Glitchor uses JavaScript and the Canvas API to manipulate images for artistic effects

• Beat the Hustler - 360 VR Street Con

  Beat the Hustler', a 360 VR experience that immerses you in the heart of a street con game. Explore the fusion of technology and storytelling in VR gaming

• Room 47 – A Unique IoT and Surveillance Experiment

  Innovative project that look into the complexities of privacy in the internet age. Combining IoT technologies with a philosophical exploration of surveillance.

• Real-Time Scottish Referendum worldDashboard

  Development of a Node.js-based live dashboard for the Scottish referendum, enabling instant data updates and visualization with D3.js, directly from journalists' field inputs.

• Underworld VR - Subterranean London

  An immersive virtual reality and interactive journey by The Guardian, revealing the secrets of London's historic sewers.

• Redesigning BBC Homepage - UI Engineering Insights

  My role in the BBC homepage redesign, emphasizing accessible UI development, collaboration with UX designers, and adherence to W3C/WAI guidelines.

• Offline Travel PWA Prototype

  Offline PWA prototype of the Telegraph's travel guides

• The Telegraph's Matt comic email tool

  Web tool for creating email newsletter images of Matt comics