• 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.

• British Airways

  Content localisation for M&C Saatchi’s pan-European British Airways campaign. Character encoding for European languages stored in XML.

• Google

  High-profile pages on worldwide Google sites with an emphasis on low latency and high accessibility. Graphic design for print-work and video editing for YouTube.

• 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

• I use javascript to enhance interactivity and integrate dynamic content to webpages. Judicious use of DOM-scripting and CSS can add responsiveness to the user experience.

• 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.