Andrew Mason creative technologist

Design, UX, development

6x9 is the Guardian’s first virtual reality experience, placing you inside a US solitary confinement prison cell.

As the creative technologist, I was responsible for leading interaction design, technical development and delivery of the VR experience on multiple platforms including GearVR, Google cardboard and 360 video. 6x9 has won several awards and appeared at Sundance, Tribeca film festival and the White House.

Design, UX, development

To coincide with the launch of the VR experience, I delivered a web-based interactive allowing regular Guardian website visitors to sample the 3D prison cell environment for themselves. Using assets from the full experience, I combined WebGL and video to create a destination that showcased the VR experience and provided supporting information.

Design, UX, development

Underworld was the second virtual reality project I led as the creative technologist and was responsible ensuring the successful launch on Google's new Daydream VR hardware. Utilising the potential of Daydream controller, Underworld allows the user to explore the London sewer system with an interactive torch lighting their way.

Design, UX, development

Subterranean London takes you under the streets of London and into the winding Victorian sewer system. Created to coincide with the launch of the Underworld virtual reality project this interactive website combines audio interviews, animation and historical imagery to transport the user into hidden world beneath their feet.

Design, UX, development

Responsive 3D WebGL interactive combining mapping, satellite terrain images, 3D modelling and HTML5 technologies.

I wrote a full How I made the WebGL interactive where I explain the different technologies and development steps.

Development

Video rich multimedia experience telling the story of the Australian bushfires. A blend of long-form writing, video documentary and interactive elements.

Design, development

Syrian refugee Hashem Alsouki risks his life crossing the Mediterranean, his sights set on Sweden. Blending long-form journalism with seamless video playback and responsive image presentation. Guardian’s first Facebook Instant article.

Development

Fifty years since the Martin Luther King's most famous speech, this multimedia experience combines video, background audio and photography to tell an immersive story.

UX, development

Frontend development and animation of the BBC homepage including main navigation carousel.

Design, development

Real-time dashboard reporting the Scottish referendum results as it happened. Combined Google spreadsheets, node.js and AWS to create a robust workflow pipeline.

Design, development

Using satellite imagery, SVG animations and video to chart the new walls being built around the world that divide people from their neighbours.

Design, development

There are thousands of IP webcams exposed on the internet without the knowledge of their owners. This experiment cycles through different public webcams putting you in the position of a voyeur.

Design, development

I love glitch art so I decided to create a tool that allowed me to produce my own glitched artwork.

By directly manipulating the <canvas> image date I am able to create numerous filter effects.

Experiment

In the process of learning about GLSL shaders I created a GPU accelerated system

Modeling, texturing and development

Personal project in exploring UV texture mapping and Blender model exporting to WebGL using THREE.js

Project lead

I present the idea for a notification bar system that allows readers to follow and receive updates to liveblogs, authors and comments. The presentation includes a working prototype using existing Guardian APIs.