Zen Screen Garden

This was the final piece for my MA in Electronic Arts 2001, built in cutting-edge technology...Flash 4.

I wrote my thesis on 'Memetics', so this was the complementary practice: a piece of 'anti-marketing' to clear a person's head of all the viral thoughts.

Rollover 'Tao'
to begin





  Get it on your
  desktop:

  PC
  Mac




CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



Centrino Pro Security Banners

Intel

Master banner design and development for an international campaign.

It needed some tricky stitching to keep the dog seemless and the filesize down.

Coded to auto-adjust to different ad formats: skyscraper, banner,etc.

Rollover the banners
to play with the dog




CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



ELearning Template

Metia London

Many companies need to provide a linear experience with a pockets of interactivity.

This template provides the basics: drag and drop, piechart, quiz,and animated presentation.

Click on PLAY
to begin the edutainment




CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



Interface Widgets

Apart from the skull, these are all XML driven, so they take their content from an external source and their structure is generated from the number of items.

I've used them in a number of sites.

NOTES:

The first four thumbnail layouts all have the same engine, each thumbnail taking on the properties of the next.

The scrolless list uses the same 'floating origin' principle as the zen screen garden, adjusting its speed to the user.

Click on anything
it's all interactive




CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



Mondrianimator

Whenever I've had to learn a new programming language, I use this as my 'hello world'.

Because the style is so iconic (Red, Yellow, Blue, Black, White), a mondrianimator can be coded for almost any computer and visual display.

The first one I made was 10 years ago on an old Atari 800 (I knew a little BASIC) hooked up to a big crt tv.

Click on canvas
to paint a new picture




CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



Tarot Reader

Experimental interface, trying to incorporate the basics of an interface (cursor, thumbnail, main image, description) into a seemless, representational world.

Click on cards
for magnified view




CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



ITM3 - Unseen Forces

Intel

Over 6,000 players already...

Involved from conception to execution, directing interaction for this sim game project.

In the last phase, co-ordinating assets and prototyping functionality for third party developers.

Also, concepting for the promotional campaign.

Art direction by Bob Sakoui.



View Website



CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION



New Year Card

MRM Worldwide

It's the annual christmas card that seems to capture the true character any agency...

This was a nice, straightforward production job with great assets: just animation and code.

Art Direction from Leighton Edridge

Click on
the purple hand


CONCEPT
STYLE
ASSETS
ILLUSTRATION
MOCKUP
LAYOUT
ANIMATION
CODE
PRESENTATION