6x9: virtual reality solitary confinement

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.

6x9:3D website

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.

Underworld VR

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.

Subterranean London website

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.

3D Tour de France

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.

Firestorm

Development

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

The Journey

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.

The Speech

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.

BBC homepage

UX, development

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

Scottish referendum

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.

Walled World

Screenshot of Guardian Walled World interactive

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.

Exposed webcams

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.

Glitchor

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.

GPU accelerated particles WebGL

Experiment

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

Gameboy pocket WebGL

Modeling, texturing and development

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

Notification prototype [talk]

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.