About

Enthusiastic and motivated with over 15 years experience within the internet/web environment.

Offering technical insight, planning and development backed up with strong analytical skills and attention to detail.

Vast experience on both sides of the client/agency relationship. Working on in house projects for Direct Line and TUI; and well known brands/clients such as the BBC, Honda, Barclays and Sony for various agencies.

Technical Leadership

  • Specification writing
  • Technical strategy, for the agency and it's clients
  • Pitching
  • Project planning
  • Management of development teams; from coding to setting KPIs and full career development paths
  • Implementation and roll out of development methodologies, work flows and best practice

Creative Technology

  • Prototyping
  • Research and documentation of new technologies
  • Taking a creative concept from idea to tangible product

Web Development

  • Mobile first approach
  • Latest web technologies and best practice used
  • Building sites with great client performance from site loading to optimisation of animations
  • Infrastructure setup for high performance sites and support from hardware to cloud solutions such as AWS and CDN solutions

Accenture - Grabber

Build information:

  • HTML 5
  • Javascript/JQuery
  • NodeJS - Sockets IO

Accenture - Grabber

Dual screen experience using NodeJS to connect a mobile device to an arduino board controlling a prize grabbing claw

Users would use their phone to direct the grabber claw and win a prize.

View video

Sony - The Last of Us

Build information:

  • HTML 5
  • PHP 5
  • Javascript/JQuery
  • Facebook API
  • Built for mobile, tablet and desktop
  • Canvas animation
  • Video/Audio
  • IE7/8 Support
  • Multilingual

Sony - The Last of Us

HTML5, CSS3 and JS build.

Animations work across mobile, tablet and desktop.

Facebook API utilised to personalise the experience. Profile pictures are obtained from the users friends and placed into canvas elements.

Uses RequestAnimationFrame to help performance by keeping in sync with the refresh rate and css3 animations with hardware acceleration to stop janking.

View video

English Heritage

Build information:

  • HTML 5
  • Javascript/JQuery
  • Built for mobile, tablet and desktop
  • Video/Audio
  • IE7/8 Support

English Heritage

HTML5, CSS3 and JS build on the Foundation framework

View site

Penguin - My Independent Bookshop

Build information:

  • HTML 5
  • PHP 5 - CodeIgniter
  • Javascript/JQuery
  • Built for mobile, tablet and desktop

Penguin - My Independent Bookshop

Technically lead and nurtured client through the process

HTML5, CSS3 and JS responsive build

PHP codeigniter framework as the backend, front end is a custom responsive grid, uses the JQuery framework for JS work, Modernizr for feature detection and a selection of polyfills to cover HTML5 functionality in older browsers such as Drag and Drop and SVG support.

Most of the animations are done in CSS3.

View site View case study

Sony - Infamous Second Son

Build information:

  • HTML 5
  • Javascript/JQuery
  • NodeJS - Sockets IO
  • Video/Audio
  • IE7/8 Support
  • Multilingual

Sony - Infamous Second Son

Dual screen experience using NodeJS to connect a mobile device to your browser using websockets

Users would pick a power and swipe in a direction to destroy models in a video scene. Latency and performance were important and I was able to make the experience near instantaneous.

View video View case study

Honda - Honda Hands

Build information:

  • HTML 5
  • Javascript/JQuery
  • Youtube API
  • Video/Audio
  • Built for mobile, tablet and desktop
  • Canvas animation
  • IE7/8 Support

Honda - Honda Hands

HTML5, CSS3 and JS responsive build.

On desktop and tablet the video will play through and utlising the YouTube API will prompt users to interact with the video at various timing points. Due to need to support IE8, animation pieces were created in flash, for tablet and above IE8 the animations were converted to HTML5 using swiffy which proved extremely useful and flexible.

Uses RequestAnimationFrame for performance.

View site

EA - FIFA Goals of the Week

Build information:

  • XHTML
  • PHP - Zend
  • Facebook API
  • Javascript/JQuery
  • Video

EA - FIFA Goals of the Week

Facebook Canvas app that allows users to submit a URL from youtube or the EA goals site to enter a goals of the week competition.

Goals from the EA site had to be collected by a cross domain script that run upon goal submission.

Users were able to vote for their favourite goals which were passed to an admin area where you could pick out goals to be voted on per week and upload a highlights reel.

View site

Honda - CRV-SE

Build information:

  • HTML 5
  • Javascript/JQuery
  • Built for mobile, tablet and desktop
  • IE7/8 Support

Honda - CRV-SE

Simple page for CRV-SE, youtube video at the top that scales, car colour changer written in JS and a pie chart that works from stats that are picked up from youtube views to decide which car is most popular, black or white.

Pie chart is drawn as a canvas element.

View site

BBC - College of Production

Build information:

  • XHTML
  • PHP - Zend
  • Javascript/JQuery
  • Video/Audio
  • Built for mobile and desktop

BBC - College of Production

College of Production is built on the BBC Forge platform.

The site sits on a Zend platform and pulls data from the BBC Java CMS iSite

The COP site hooks into various BBC libraries such as iPlayer and programme information.

View site

Honda - Do More New

Build information:

  • HTML 5
  • Google Maps API
  • Javascript/JQuery
  • Built for mobile, tablet and desktop

Honda - Do More New

Honda piece for CR-V, interacts with Google Maps API to show locations around you for you to explore on a random trip to one of 12 locations.

Google Maps supplies the distance from your location and then your fuel saving is worked out.

Weather comes from a weather api feed and your individual information could be saved into a PDF to print (PDF and weather feed appear down).

View site

LOCOG - Olympics 2012

Build information:

  • XHTML
  • PHP - Zend
  • Twitter API
  • Javascript/JQuery
  • Built for mobile, tablet and desktop

LOCOG - Olympics 2012

Competitive Tweeting. #SupportYourTeam was a country vs. country race for Olympic Twitter supremacy. People were encouraged - whether at the Games or watching on TV on the other side of the world - to use the #SupportYourTeam hashtag to tweet support for their nations and athletes. These tweets were then aggregated and displayed around the London 2012 site as animated infographic races.

Database and Infrastructure was built to deal with an immense amount of traffic in which we processed over 15m tweets.

View case study

Go On UK - Main site

Build information:

  • HTML 5
  • PHP - Wordpress
  • Javascript/JQuery
  • Built for mobile, tablet and desktop

Go On UK - Main site

Responsive template build on top of a Wordpress install.

Uses Custom fields plugin to allow admin users to customise more of the site.

View Site

Muller - Muller Dairy

Build information:

  • XHTML
  • PHP - Drupal
  • Javascript/JQuery

Muller - Muller Dairy

Drupal based website which I built as part of a team and then solely maintained due to departures.

View site

Hyundai - i40

Build information:

  • XHTML
  • Javascript/JQuery

Hyundai - i40

Build and deployment of this XHTML/CSS site for the Hyundai i40, using JQuery for interactive elements that degrade gracefully.

Tax calculator built using JQuery and XML as a data storage to compile tax benefits for business purchase of the latest Hyundai car model.

360 car model is also Javascript based rather than a typical Flash 360 model.

Hyundai - Hyundai Thinking

Build information:

  • XHTML
  • Javascript/JQuery

Hyundai - Hyundai Thinking

Build and deployment of this XHTML/CSS site for the Hyundai Thinking campaign.

Navigation of site is done with JQuery where the X and Y coordinates of each screen are looked up and then animated to.