A freelance creative developer, specialising in frontend web development.
I love writing beautifully crafted code for experiential websites/apps that push the capabilities of the browser, and the expectations of their audience.
I'm a developer with a great eye for visual design and an equally intuitive approach to application design. I develop using common OOP design patterns, usually focused around MVC/MVVM.
Responsive HTML5 site with hardware accelerated parallax, supporting the release of the 2nd generation Google Nexus 7. Each parallax image expands into a full-browser interactive feature.
Google's flagship range of mobile/tablet devices gained brand new releases - starting with the 2nd generation Nexus 7.
So naturally the google.com/nexus property required a complete visual refresh.
My role involved leading the development around the parallax functionality, the full-browser interactive experiences and much of the responsive layout.
Interactive touchscreen RFID installations, rendering unique HTML5 canvas-drawn planets representing visitor’s opinions on the topic of Energy, now and in the future.
The Shell Eco Marathon 2013 was an event held in Rotterdam which invited visitors to discuss the future of energy.
My task was to build an HTML5 application to be deployed across 16 physical touchscreen kiosks with the first 10 each asking the user a different "Energy Futures" question.
Once the user had visited all 10 kiosks, they would proceed to one of the final 6 where their answers would be rendered into an infographic unique to them - "Planet You".
Finally, their custom planet rendering was beamed up to the gigantic solar system wall projection, for all to see.
A unique interactive music piece. Single out any of 50 orchestral musicians. Switch between two synchronised HD camera angles. Watch their individual pitch change and musical score as they play.
The brief was to create a full-screen audio/video mixer featuring approximately 50 audio channels and two HD quality video streams, all of which must be synchronised.
If that wasn’t enough, each audio channel should also simultaneously display its current pitch and when clicked on should display it’s individual musical score in it’s entirety.
Oh, and to avoid the use of a streaming server if possible!
An interactive video demonstrating that no matter the season, France's national rail service runs without interruption. Drag a seasonal icon into the action and watch the weather change seamlessly.
An interactive film allowing visitors to explore five different scenes simply by tilting their heads from side to side. The webcam monitors the tilt position of the head, which in turn invokes seamless transitions from one intricate environment to another.
The meaty part of this project was in creating a technique to monitor the user's head movements. Several techniques were explored including OpenCV and Motion Detection (via frame differencing and blob detection), but the process of Frame Matching proved to be the fastest. This involves the caching of calibration images and comparing against the current webcam input using threshold filter-based frame differencing.
The other challenge came in the form of video synchronisation. The solution was to use a single MP4 file stacked vertically with each video frame along with DisplayObject.scrollRect to define the visible area.
A social entertainment platform in the form of an enchanting virtual meerkat village. "Meerkovo" allows fans to immerse themselves within one of the richest back stories in recent British advertising.
My main role on the project was to lead the code architecture and build the shell, whilst ensuring that the work of the other Flash Developers would come together seamlessly.
I also created the functionality behind the map, hacking a lot more sexy into the excellent Zoomify component.
And as per usual, all of this under a very, very tight phase one deadline.
If you’re interested in working with me, please drop me a line - email@example.com