Valdez - Video Customisation Platform
Skills used:
React.js, Express.js, MongoDB
Adobe CEP extensions
Play Video
I was brought in to kick off development of a greenfield project for Smoke & Mirrors. The challenge was to build a platform for the creation of video advertisements for social media platforms. The key reason was to make adaptation and translation of new video advertisements really straightforward for their clients and ultimately save them time and money.

I was responsible for the initial research and development stages to get the Beta up and running. I chose the software stack that the application would be built on which was the MERN (Mongo, Express, React, Node) stack running in containers due to the use of Javascript across both the client and server environments.
Lexus - Amazing in Motion
Skills used:
HTML Development
YouTube API Integration
We worked with CHI & Partners to develop and build a site for Lexus to showcase the elements that went into making a series of TV commercials called 'Amazing in Motion'.

My role was to build certain elements on the site including the custom scrolling, YouTube video player, video intro, side navigation and 360 degree viewer.
HSBC - Investment Outlook Android App
Skills used:
Native Android Development
GCM Notifications
Proguard & other security
HTML Development
HSBC required a digital magazine filled with exclusive content for its high-end investors. The magazine needed to updated by the client via a CMS and then published out to Native iOS and Android applications.

My role was to build the Android client app. It was a mix of native development in Java and bridging the HTML magazine content downloaded by the app from the CMS. Each issue could be downloaded and stored for offline use. The client was able to publish new issues via the CMS which the app would automatically detect and download if the user required it.
Little Big Planet Web Widget
Skills used:
HTML5 Development
Twitter API Integration
Facebook API Integration
Play Video
We were asked to help DRUM build a Little Big Planet 'web widget' for Sony. The widget was a 'bookmarklet' that the user could drag from an HTML Banner ad into their bookmarks bar. They could then launch it on any website and drag stickers to decorate the site. A screenshot of their creation could then be entered into a competition to win a prize and shared on Facebook and Twitter.

My role was to build the main bookmarklet which involved heavy use of the canvas HTML 5 element, DOM manipilation and solving various cross domain image issues for the client side screenshot feature.
May the Tweet be with you
Personal Project
Skills used:
Twitter API Integration
HTML 5 Development
Node.js/Express.js
Three.js
A colleague and I wanted to showcase what was possible using the twitter api in an interesting and engaging way.

My role was to build the site using server side code to interact with the twitter api and creating the client side app to show those tweets using three.js and CSS 3D transforms. The app allows the user to interact with the app without signing in until the number of requests exceeds twitters limit. The user can then choose to login to gain many more requests.
Livemusic.fm - Instagram Crowd Stream
Skills used:
Instagram Real-time API Integration
HTML 5 Development
Node.js
Play Video
We were asked to help Livemusic.fm create a real-time instagram crowd stream for an upcoming Miles Kane gig. The audience members could take a picture, post it to instagram using the hashtag #livemusicmk and instantly see the picture appear on a screen projected at the venue. The live app could be accessed via a phone webapp to moderate and block some users if required.

My role was to build the socket server to interact with the Real-time instagram api using Node.js and the client-side scrolling images app which was projected at the venue.
AA Magazine - Android App
Skills used:
Native Android Development
HTML Development
Custom API Integration
AA planned to discontinue their highly successful printed members magazine, in favour of a more modern digital equivalent. We were asked to provide a next generation digital magazine to replace it that could be viewed online and on tablet PCs. The magazine is driven by a CMS that creates HTML magazine content and publishes it out to the web and in a downloadable form for the iOS and Android apps

My role was to build the Android client app. It was a mix of native development in Java and bridging the HTML magazine content downloaded by the app from the CMS. The native part of the application allowed the user to choose a magazine issue that they wanted to view. The app would then download and store the HTML content localy, so that it could be viewed offline. The app then allowed users to swipe between each page of the magazine and navigate it with a menu.
PNG Quantiser
Personal Project
Skills used:
Adobe Common Extensibility Platform (CEP)
HTML 5 Development
I built this plugin to fill a need I had for integrating the brilliant pngquant library for image optimisation into Photoshop. It allows the user to preview exactly how the quantised image will appear whilst showing the dramatic savings in file size. I then thought that others could benefit from this plugin so I decided to open source it and put the extension on the adobe addons site here.

It is currently getting around 2,500 downloads per month.
IKEA - Kitchens Quality Tester
Skills used:
Technical Direction
Flash Development
We were asked to help Mother London redesign and develop the kitchens section of the IKEA website. Part of the redesign involved the building of an asset to demonstrate the amount of testing that IKEA kitchens go through. The idea invovled 'dragging' an IKEA employee through a test kitchen and revealing information about the various tests that the kitchens undergo.

My role was to build the initial prototype and help shape the interaction, assist on the shoot with technical direction and build the final asset.
Phones 4U - Cracker Pull Facebook App
Skills used:
Technical Direction
2D Tracking
Flash Development
Play Video
We worked with Adam and Eve to deliver a social media campaign for Phones 4 U, based around the idea of sharing crackers with friends on Facebook. Users were given a virtual box of crackers to pull with their friends, which resulted in a movie sequence of a Christmas lunch using Facebook profile pictures that revealed if you had won a prize.

My role was to build the flash video asset which dynamically loaded the users Facebook profile pictures and tracked them into the live action video. Tasks included building the initial prototype, assisting on the shoot with technical direction, tracking the photo frames in the video and exporting the data to flash, then building the final asset to be integrated onto the facebook page.