• profile
• websites
• microsites
• javascript
• flash
• video

websites

• BBC iPlayer

  Templating, stylesheets and adherence to strict accessibility requirements for one of the BBC’s biggest ever digital projects.

• Scottish Widows

  Pixel-perfect, semantic page templates and content components, built with accessible XHTML and CSS.

• Virgin 1

  Complete template and page builds for the entire site – interfacing with third-party PHP backend and Flash modules.

• Shell

  Complete CSS framework and content modules for a total rebuild of Shell's entire website.

• Google Cultural Institute

  HTML and CSS for a new Google sub-brand. Content fully accessible on smartphones and tablets.

• Rolls–Royce

  2005 Annual Report. Data-heavy but with many accessibility enhancements and a separate stylesheet for screen and print.

microsites

• BBC Worldwide

  Artwork, layout and back-end integration for an Apple Mac video search widget. CSS and XHTML templating for main site pages and HTML newsletters.

• Woolworths

  One of a number of HTML newsletters sent out as part of an ongoing campaign.

• Home Office

  A small site including some progressively enhanced DOM-scripted animation for the government’s “Know Your Limit” alcohol awareness campaign.

• Olay

  Graphics heavy site with full 32-bit transparency support for all major browsers. Built to very tight deadlines.

• Superdrug

  A complete HTML build based on an elaborate Flash movie, providing accessible content with a lot of photographic material.

• Danielle Robertson

  An online portfolio for a graphic designer. To ease maintainance, a JavaScript handler automatically updates navigation to accommodate new content.

javascript

• Google / Street View

  A progressively enhanced site in 4 languages. Use of the Street View APIs and inclusion of user-generated content.

• Google / COP15

  A progressively enhanced site in 15 languages. Use of the YouTube and Google Earth APIs, as well as animated content transitions.

• iGoogle Themes

  Campaign site for iGoogle football themes. CSS spriting and “as required” asset loading used to minimize page latency.

• Transactional Analysis

  An interactive personality test. Questions generated dynamically from easily updated arrays, with results and graphs delivered by DOM manipulation.

• Two by Two

  A highly interactive menu gives access to the entire site content from one simple interface. A Flash intro loads in randomised video content on the fly.

• River Cultures

  A mashup site with a bespoke JavaScript Content Management System which populates both maps and general site content with data from XML storage.

flash

• Digital Clock

  A digital watch which draws its time from the computer’s system clock, but displays the ouput in an unusual format.

• Urban Rites

  Placeholder images, edited in time to a personally assembled soundtrack completes an animation test for a site intro.

• iTravel touchscreens

  A slideshow mockup of a touchscreen kiosk. Used as a prototype for client approval.

• Music Flanger

  An interactive ‘sound toy’ which uses ActionScript to control animation. Clever nesting of Movie Clips keeps the file size small.

• Sight Beyond Sight

  Optimised audio and images minimize download time and offers a rich media experience over low bandwidth connections.

• Logarithmic Universe

  A technology test for a ‘Powers of 10’ application. A variable array swaps out Movie Clips which are instanced on the fly.

video

• David Hasselhoff

  A recent entry from David Hasselhoff’s video blog, which I film and edit. This episode went on to receive over 40,000 hits.

• Google Testimonials

  I produced corporate video and shot visiting speakers and tech-talks for Google UK.

• Google Testimonials

  Some videos which were embedded in Powerpoint presentations, and also posted to Google Video.

• Anupana Restaurant

  Short promotional spot for a local restaurant.

• Kosmo Cafe

  Short promotional spot for a local restaurant.

• Music slideshow

  Photo slideshow for a music track.