2AM Film
2am-01 2am-02 2am-03
Client / Agency
2AM / Jynk
Role
Developer

Working with Jynk on the client and server-side development of this responsive portfolio site for Production company, 2AM. This involved the continuing development of a CMS that allows the creation of directors, showreels and videos, and managing the relationships between them.

The client side work involved creating a player driven by showreels that integrated the Vimeo API.

View Project »
International Fashion Showcase
studio-to-showcase-zoom5 studio-to-showcase-zoom6 studio-to-showcase-zoom4 studio-to-showcase-zoom3
Role
Developer

This collaboration with White Line Projects (a collective of fashion curators) was commissioned by the British Council for the International Fashion Showcase 2014.

See the project embedded in the British Council website.

This interactive map allows you to follow the journey of designers from around the world to the International Fashion Showcase in London. Over the weeks leading up to the show the designers were posting photos of their studios and local areas to document their personal creative process and sources of inspiration around them.

Using these geolocated images I developed a Nodejs CMS and JavaScript front end application that allowed White Line Projects to work with the designers to create a visual and geographical narrative of their experience. During the show itself we also published visitors images documenting the live event.

Blast Theory: My Neck Of The Woods
My Neck Of The Woods Dean engaging his audience Callum walking around his neck of the woods
Role
Developer
Using
JavaScript

“Immerse yourself in the live transmissions of three young people as they walk through their neighbourhoods in Manchester, telling you about their lives and asking you about yours.”

“In My Neck Of The Woods you participate online. Three young people walk through their neighbourhoods in Manchester, filming themselves as they go. You choose which of the three you would like to have a conversation with, whose questions you would like to answer, who you feel comfortable just being with. Select them and you are dropped into their live video stream. You travel with them as they tell you about their lives and as they ask you about yours.”

The development of the platform for My Neck Of The Woods involved an initial challenge to create an intimate experience between a single broadcasting performer and multiple online viewers/participants. The difficulty in creating an engaged and participatory experience using live broadcast transmissions is something that Blast Theory have tackled in previous work. Working with artists and developers at their studio we devised and built the platform/architecture that gave viewers the opportunity to have a one to one exchange with a young person about their neighbourhood and other topics of importance to them. Outside of the technical platform the projects success was facilitated by a great team of artists and associates from Blast Theory and not least the talented young people in Manchester who were brave enough to engage strangers about personal and intimate topics.

Pictures courtesy of Blast Theory.

View Project »
BBC: Glastonbury 2013
glastonbury2013_01 glastonbury2013_02
Role
Developer
Using
HTML, CSS, JavaScript

In 2013 the BBC delivered the first ‘truly digital’ Glastonbury. Picture Ltd have been responsible for the previous iterations of the BBC’s event platfrom (EAVIS), which manages live events across the BBC. This year as part of a small team of developers at Picture we built the first responsive front end to EAVIS for use across small screen devices during Glastonbury 2013.

On top of this involvement I was responsible for building the Live Multi Stream (LMS) interface, which is a responsive JavaScript application that handles and displays the various live streams from across the festival. Throughout the weekend stages, acts and scheduled TV and radio programmes become available to watch through the LMS on the Glastonbury homapage, which received 1.5 million unique browser visits over the weekend; over 42% of which were from mobile devices.

View Project »
BBC: Academy
BBC Academy - Homepage BBC Academy - Homepage Menu
Role
Developer
Using
HTML, CSS, JavaScript

The BBC Academy is the BBC’s centre for training. It houses the Colleges of Journalism, Production, Technology and Leadership. It is the central source for articles, videos and podcasts aimed at giving people, external and internal, an insight into how the different parts of the BBC goes about producing its output.

I was part of the team who developed the new responsive Academy site for the BBC in 2013. The Academy site had a complete redesign and front-end build that focussed heavily on small screen device accessibility and used some progressive design patterns inspired by native mobile applications. It also uses a raft of modern front-end JavaScript and CSS techniques (such as Media Queries, Local Storage API and History API) to enhance the browsing experience. Because of its progressive nature the new Academy site is being used as a benchmark/inspiration for other BBC departments when it comes to redesigning and building new responsive sites.

View Project »
Wabbitware: Self-replicating software
wabbitware_001 wabbitware_002 wabbitware_003 wabbitware_004 wabbitware_005
Role
Artist / Developer
Using
C, GNU C Compiler

Wabbitware is a critical software experiment. Rather than using a copyleft licenses such as the GPL General Public License to ensure the genealogy (access to source code) of software Wabbitware and any further Wabbits derived from the first compiled iteration carry with and distribute their source code whenever they are executed.

Wabbitware explores the notions of code and its associated practices in domains of the social, legal and technical. Within each software piece is an encoded and embedded subjectivity that raises questions about software’s construction and authorship. Whilst software continues to play a more pervasive role in day to day life it is one aim of this project to encourage curiosity and discussion around these techno-social assemblages.

It embodies in it’s code the principles of Free Software. “Think free as in free speech, not free beer.” Richard Stallman [link]

View Project »
You Drive
merc_003 merc_001 merc_004 merc_002
FWA Site Of The Month
Client / Agency
Mercedes / Stinkdigital
Role
Developer
Using
JavaScript, HTML5 Video, HTML5 Canvas

A YouTube channel to accompany a series of adverts broadcast during the X-Factor final ad breaks. At the end of each advert a Twitter hashtag was assigned to each of two potential forks in the narrative. The YouTube channel would visualise the live count of each hashtag and also show the story so far.

After the series of ads were complete the YouTube channel became a site to explore each permutation of the narrative.

Technical

Using the YouTube API and the HTML5 Video API we supported video playback on various devices. The custom video navigation and timeline were built using the HTML5 Canvas API.

Awards

This project won the Mobile Site of the Day award from The FWA.

View Project »
Wrangler: SS12 – Get Your Edge Back
wrangler_001 wrangler_002 wrangler_003 wrangler_004 wrangler_005 wrangler_006 wrangler_007
FWA Site Of The Month
Client / Agency
Wrangler / Stinkdigital
Role
Developer
Using
ActionScript 3, Robotlegs

A product catalogue and interactive narrative during which the user drags and releases frozen characters who crash through walls into a next scene. Extremely high frame rate video was shot for the purposes of enabling this unusually ‘drag and release’ navigation. A Facebook widget was also built for each of the scenes so it could be embedded into the Facebook Timeline.

Read a detailed case study by Stinkdigital.

Technical

Flash was used to handle and manipulate high resolution video and create the navigation device. I was part of the development team who created this experience using ActionScript 3 and Robotlegs.

Awards

This project won the Site of the Day/Month award from The FWA.

View Project »
Ray-Ban: All Tomorrow’s Legends
rayban_01 rayban_02 rayban_03 rayban_04 rayban_05
FWA Site Of The Month
Client / Agency
Rayban / Stinkdigital
Role
Developer
Using
Zend Framework, Robotlegs, Facebook API

A Facebook application that analyses your personal information to deliver one of 9,000 possible bespoke animations.

The application scrapes data from numerous different areas of the Facebook Graph API and scores the user against certain criteria to determine a sequence of animations to play (usually including some relevant images or statistics about the user).

Read a detailed case study by Stinkdigital.

Technical

The PHP Zend Framework and Facebook’s Graph API were used to perform the user data analysis. Flash and Robotlegs micro-architecture framework were used on the front-end to sequence the animations and add dynamic user specific content.

Awards

This project won the Site of the Day award from The FWA.

Yeo Valley: Karaoke
yeovalley_001 yeovalley_004 yeovalley_002 yeovalley_003
Client / Agency
Yeo Valley / Pirata
Role
Developer
Using
ActionScript 3, Robotlegs

A sing-a-long / karaoke Facebook application commissioned by Yeo Valley to accompany their TV advert of a spoof boy band ‘The Churned‘, which was aired during the X-Factor final ad break. The user could sing into their microphone and the application would detect pitch and match this against the original score for the song.

Technical

The Flash application accesses the users microphone data and uses a C++ library for pitch detection that was cross-compiled to ActionScript 3 using the experimental Adobe Alchemy project. The application was built using the Robotlegs micro-architecture.