Triple Geek

Pet Shop Boys - Live in Berlin 2012

2012-09-01T00:00:00+00:00

Processing
After Effects
Final Cut Pro
Time Lapse Photography

Working for Rob Sinclair with Alex Rook and Matt Marchant in the 'Content Stable' we created a series of videos for the recent one off Pet Shop Boys album launch concert in Berlin. 7 LCD screens displayed custom filmed video of the backing singers and a super wide projection onto a custom built curved screen. Every song was illustrated with a different visual, some audio reactive, some rendered. I also shot a bespoke time lapse of clouds for the song 'Leaving'.

The whole concert was broadcast live and is available to watch on YouTube courtesy of Electronic Beats.

The Pet Shop Boys Content Stable

Matt Marchant
Alex Rook
Stefan Goodchild

Hurts 2012

2012-08-01T00:00:00+00:00

Processing
After Effects
Final Cut Pro

Working for Rob Sinclair with Archie Sinclair in the 'Content Stable' we created a series of audio reactive and generative videos for the recent Hurts tour. The three huge risers, designed to allow the set to be wheeled on and off the stage quickly for festival appearances, had 5 high resolution wrap around LED screens. A mix of inspirations including early digital art and '30s avant garde film techniques brought up to date.

Photos courtesy of Rob Sinclair

The Hurts Content Stable

Archie Sinclair
Stefan Goodchild

GE Building The Games

2012-08-01T00:00:00+00:00

An interactive data visualisation

Javascript & SVG
Flash

Working with the very talented infographic designer Robin at Ripetungi we created this interactive map to help tell the story of how GE products have been used to create the infrastructure of the London 2012 Olympic Games and then where these products will be distributed across the globe.

Originally built in SVG and Javascript to work with the latest tablets and browsers I then ported it back to flash to allow it to run in almost all devices.

Elsewhere

WWT Inspiring Generations

2012-07-04T00:00:00+00:00

A microsite celebrating 100 years since Scott of the Antarctic

Visual design
Front end development
Wordpress theme development

Working with Ben Akin-Smith at 375 I co-designed — along with Damian Connop of Goram & Vincent — and developed the Wordpress theme for the Inspiring Generations microsite for the Wildfowl and Wetlands Trust celebrating 100 years since the final letter from Captain Scott to his wife and child.

Elsewhere

WWT Inpsire

Queen and Adam Lambert 2012

2012-07-03T00:00:00+00:00

openFrameworks
Final Cut Pro

Invited to be part of the Rob Sinclair 'Content Stable' we headed to the LH2 to prepare visuals for the Queen tour with Adam Lambert. As Archie and Alex prepared video material I started work on audio reactive visuals for Dragon Attack and I Want To Break Free.

"Dragon Attack" was based on an earlier non-realtime Processing sketch (Fun With Sun) which was ported to openFrameworks to work in realtime, formatted for the superwide LED screen then plumbed into multitrack audio inputs to make it respond to the band.

"I Want To Break Free" was also based on an earlier sketch, this time an online interactive I'd made in SVG and Javascript called Mesh which you can find in the lab. Moved to a dark background to work well with the LED screens, given "life" and again made audio reactive.

The Queen 2012 Content Stable

Archie Sinclair
Alex Rook
Stefan Goodchild

Photos of Queen and Adam Lambert at the Hammersmith Apollo courtesy of Rob Sinclair

Mesh

2012-05-29T00:00:00+00:00

Drag pink nodes to rearrange the mesh. Node count based on a rough SVG performance test to try and give the best response.

Route

2012-05-18T00:00:00+00:00

This is a technical demo. You need to be using a modern browser for this to work. There are many ways to hack things to work in the browsers that must not be named and I'll make the effort for a client project. This is just the lab though. I don't do that here.

Click to add points to the route.

The new, new.

2012-02-09T00:00:00+00:00

Yep. Again, HERE WE GO!

Tutorhub

2012-01-28T00:00:00+00:00

A real time online tutoring website aimed at GCSE age children.

Product management
User experience
UI design
Visual design
Front end development

Tutorhub is a real time online tutoring website aimed at GCSE age children. I was responsible for Product Management, UX, visual design, UI and front end development. I prototyped using paper, wireframes and custom interactive prototypes of new features and UI designs using Sinatra and jQuery which enabled me to quickly pull them together. I then tested with end users to get real feedback on the interaction before committing valuable development time to implement. I also developed digital prototypes to define the markup and design the stylesheets that can be dropped into the Tutorhub application. The developers then used my mockups as guides for the markup and then drop in the stylesheets (written in SASS) directly into the Rails app.

Jiva Technology is a Ruby on Rails shop and they develop using the Agile methodology so I have skills in iterative development and design processes. I was also responsible for creating and managing the priority of the Pivotal Tracker job cards which the developers use to manage their iteration and represented the end user during the iteration planning meetings when arguing for feature priority.

Elsewhere

Perspectives

2011-09-01T00:00:00+00:00

A responsive microsite to showcase the Medical Research Council's Annual Review

UI design
Visual design
Development

A stand alone responsive microsite designed and built for the Medical Research Council's end of year review. Built using Nesta CMS and hosted on Heroku.

Elsewhere

Perspectives