Many years ago I decided to become a website developer, and nine years later happily still at it. The only difference now is that I'm freelance. I'm based in South London and have a car and Oyster card, so can get to where you need me. What have I been doing recently? Solar Stormwatch diagrams for the National Maritime Museum, and the ITN Clip Editor using Adobe's Open Video Player framework.
ActionScript 3.0/2.0/1.0, Adobe Master Collection CS4, Eclipse, FDT, ANT, OOP, PureMVC, AIR, Physical Interaction Build, Hardware/Software Interfacing, Arduino, XHTML, XML, CSS, PHP, MySQL, Apache, Processing
Solar Stormwatch
Client: National Maritime Museum | Agency: Client direct | Media: Online | Year: 2009
A set of two interactive diagrams. One to show how the sun affects space weather, the other to show how the Stereo spacecraft are being used to predict space weather. The diagrams had areas that the user could zoom into, a smooth transition between these zoom levels and overlaid information meant these diagrams are silky yet responsive. (links to follow)
As part of ITN's business to business video purchasing hub, the clip editor allows users to select 1 to 4 minute long video clips for use in their own projects. This was developed specifically for ITN to sell clips of digitally entered ITV shows. Built using Adobe's Open Video Framework streaming from Akamai.
Microsite to promote the new fragrances that belong to the 'The One' range of perfumes.
The SoundVille experiments are six interactions that not only show off the science behind sound, but also the engineering behind Sony's successful sound equipment.
Visit website
A sequence of videos and photos made into a teaser counting down the the launch of the Sony SoundVille micro site.
An offline presentation to show the viewers how the different elements of BERR interact. Users could turn off the actors on the diagram and their relationships would automatically show.
An online version of Audi's printed magazine produced by Northstar Publishing. Flash was used to create a slick feel to the navigation. Deeplinking and optional sections via email links also meant Audi could target their subscribers with specific content. My first project built using the PureMVC framework.
Visit website
Research into producing a 'music track' in Google Maps. Using Flash to load the maps from Google and overlay the soundwave of the audio track playing along the route on the map.
Minimalist Flash website for cutting edge designers Chauhan Studio. I also built a simple CMS using PHP to enable easy updating of the site.
Visit website
After producing multiple XML files to configure the various Flash hub pages we has produced for Sony. I built an application to help turn options on and off within the XML files. Built using AIR, the user just has to drop the XML file onto the app and click to turn on and off options.
Tonic's 2008 Christmas card was a Christmas tree you could leave audio messages on. The flash front end allowed users the scroll through the messages and rollover them to listen.
A simple game where the player has to sneak eggnogg into Santa's glass to get him drunk and fall asleep. The player then can access the presents under the tree to see what they have won.
Produced for Tonic's tenth birthday party, this installation was based on a concept taken from the website. Guests caught a screwed up paper ball from their right and undid it to reveal their name, then screwed it up and threw it away to their left. When videoed and put in a long sequence it looked as if one guest was throwing the ball to the next guest. Built using Arduino and Flash Media Server.
Download case study
Damon wanted to add a thumbnail gallery to his existing site, which was built using a cross of AS1 and AS2 by about three different developers with very different styles. Rather than struggle trying not to break the fragile system I decided the rebuilding using AS3 would be quicker and more effective. After four days the rebuild was complete. Images were served via Flickr.
The car audio hub page for sony.co.uk
A series of pie and bar charts that accept data in the JSON format to show statistics on the Telenor site.
A small Flash interaction to show introduce the main people within Telenor.
Four Ridges Must Be Destroyed was a campaign by Frijj to show Frijj milkshakes as the thickest and scariest drink around. The site showcased the fantastic videos that show how thick Frijj is.
An experiential installation to collect the fastest speeds of users hitting various balls. The system was built in Flash using MDM Zinc and it collected the user data and saved it into a MySQL database.
Download case study
Microsite promoting the Nokia 5310 and 5610 handsets in conjunction with Kylie Minogues new album X. The phones are boxed with a promotional code that allows the owner to download Kylies entire album via this site.
A screensaver counting down to the launch of the new Kia Pro_ceed built using Screentime.
A Christmas card that allows the user to draw their own festive message using a sparkler and send it to a friend. When the message is opened by the friend the message is drawn back on the screen.
An offline presentation for Nokia to promote its products with Vodafone in conjunction with Haygarth.
A intranet style website built in flash for Nokia to promote awareness of their products to staff in shops.
A micro site for Nokia to show off their latest handsets to be linked to from the O2 website.
A flash animation and an interaction for this hybrid micro site. A flash intro animation depicting random letters coming together like an opticians sight test board. A flash menu with rolling letters for each section.
A self-contained micro site sitting within the Phones4U retail website promoting Nokia handsets.
My first project at Haygarth. This was a large user content driven flash site showcasing videos from unsigned bands. The videos were submitted from users onlins and streamed via a Flash Media Server.
A series of expanding banners to promote Nokia's Intellisync software. I produced these using the same 3D engine I developed for the microsite. Dart Motif Ad Kit was used to deploy these banners.
A Flash microsite to promote Nokias Intellisync software. Built in Flash using AS2 and XML for multi-lingual support. The phones move in a 3D space and 'flock' into different symbols as the user moves from section to section.
An installation that humoured delegates at a prominent London marketing summit. Attendee would answer a few simple questions by nodding or shaking their heads. They would them be given a demographic based on their answers. Face parts from other similar people in the same demographic would they be overlaid on their own faces. The user could then save their 'Facial Fusion' on the website for others to see. My part in this was building the software and interface that ran on the installation. Software used included OpenCV library and MDM Zinc.
Download case study
Two flash interactions showing visitors to the Nokia E65 campaign site the features of their new phone. The site was hybrid and I created the flash for the home and about sections. Language support was also a requirement so all the copy is supplied to flash via XML.
Ribbands Restaurants website
Client: Ribbands Restaurants | Agency: Freelance | Media: Online | Year: 2006
A website for Ribbands - Notting Hill.
Sears Chicago - Ready Steady Holiday!
Client: Sears | Agency: Digit | Media: Installation | Year: 2006
To promote the Christmas holidays, Sears wanted an installation for their staff to leave Christmas messages. Other members of staff could then play them back and get inspiration for gifts. The videos were saved locally using Flash Media Server and the front-end was build using Zinc.
Download case study
A website for fashion designer Shelley Fox. Working alongside several developers I built several sections and developed the method by which the text revealed itself.
A website to display the images taken by the Body in Motion installation developed by Digit. Travelling around Europe, the installation took multiple shots of the public moving in an extravagent fashion. The images then uploaded onto the website for them to see.
A desktop buddy visitors to the Persil BeMyCoach website could download to their desktop. Running as a screensaver the buddy would produce speech bubbles linking to the website. Produced for PC and Mac systems. The desktop buddy was built using Flash and mProjector.
Digits re-design of it's own website.
My first foray in AS2, also the first project I was let loose on at Digit. The design was to engage the user with the game of poker, by using AS2 to control the navigation I enhanced the illusion that the user was sat at the table.
A quick simple logo that could be converted to different colour schemes was the requirement. It had to convey the idea of protecting the business.
Bonomedia needed a logo to tie the British and Italian identities together in a stylish and sexy way.
GSA wanted a new fresh identity for their brochure, stationary and website.
This project needed to be finished yesterday was the brief I got! I took on this project from scratch on a Friday evening and it was finished and uploaded by the following Monday. A very quick development cycle!
The idea of the website was to create an exclusive online community for cosmopolitan party animals! The website is password protected to stop everyone turning up at the events, but I will let you into a secret... (it's vespa)... ssshhh!
GSA decided to change their marketing strategy for 2004. A new logo, stationery and marketing material was to be designed. I provided several logos to choose from and GSA picked the following logo (I liked this one best as well). It represents the fact that GSA finds the right candidate for the role in question, this is depicted by the highlighted square being the only shape that will fit into the hole.
An interactive presentation to show holiday snaps from Crete. I wanted mainly to refresh my Director knowledge because I had not used it in a while. Built in Director and Lingo.
Just a small interaction that I made using several photos and Flash. Click the Launch button above and move the mouse pointer along the dotted line to move around the flower. Launch
A presentation to show the work I had done on CD-ROM, this enabled me to put everything on one CD. Built using Director and Lingo.
Headhunter Organisation Website
Client: Executive Research Association | Agency: Freelance | Media: Online | Year: 2002
An intuitive and professional website exploiting back-end database driven functionality to improve quick data turnaround times. The site was built using PHP and MySQL.
Based on a current brochure to maintain continuity between online and offline media, the GSA website retains the feel of search and selection from the brochure. Animation and an interesting menu system jazzed up the website to involve the viewer. Flash animation and navigation, Photoshop, 3D Studio MAX, Swift 3D, PHP.
Oracle Recruitment Website
Client: Absolute Applications | Agency: VTec.uk.com | Media: online | Year: 2001
As a top Oracle recruitment consultancy, Absolute Applications wanted a modern, clean, solid website that would show-off their professional working standards. This was achieved through a fully Flash animated site with a simple yet effective navigation system to give a natural feel to the whole website. Flash animation and navigation, Photoshop, 3D Studio MAX, Illustrator.
Absolute Applications Presentation
Client: Absolute Applications | Agency: VTec.uk.com | Media: CD-ROM | Year: 2001
A presentation to promore recruitment company Absolute Applications.
A media/news focused presentation for Stratos to promote their range of robust satellite communication devices.
A military focused presentation for Stratos to promote their range of robust satellite communication devices.
A quickly put together website to show off the advantages of plastic surgery and give advice on the subject.
The Works Night Club Nottingham
Client: First Leisure | Agency: VTec.uk.com | Media: CD-ROM | Year: 2001
Again, along the same concept as Creation Leeds, The Works digital business card was aimed at corporate clients. As with the websites, Logos and colours changed but the general layout was preserved.
Aimed more towards business to business communication, the Creation Leeds digital business card showed that First Leisure and its clubs were serious about promoting themselves and hosting large corporate events. It was the ideal way to get their vision in front of their next client's eyes.
Keeping adults interested is hard enough, but when children are to be kept entertained, the going gets tough. A fully flash animated website with as much interactivity as possible was employed. Each character from the books given a life via animation, music and sound effects. Flash animation and navigation, Photoshop, Illustrator, SoundForge.
Based on the same concept as Creation Leeds, the Works was all about attracting young clubbers. Colours and Logos were changed but a sense of continuity had to remain. Flash navigation, Photoshop, Fireworks, Dreamweaver, ASP and JavaScript.
In-ya-face and appealing to a younger audience. This website for a club in Leeds was not only sticky, but had to provide a lot of information about opening times, functions etc. Flash navigation, Dreamweaver, ASP, Javascript, Fireworks and Photoshop.
Designed to blow the competition out of the water, this website achieved its goal. At the time this fully flash and 3D animated site wowed many visitors and brought a lot of eyes in our direction. The symbols were modelled in 3D Studio and Swift 3D provided a way to transfer them into Flash. This was the first website that I was employed to design and develop.
A pitch to First Leisure to show off what can be done with the Digital Business Card, this was a very successful project and generated a lot of work for Vtec.
A presentation to promote First Leisure as a whole company.
The first Digital Business Card VTec produced to promote the cards. Samples of persentations for companies was put onto the card to give potential clients a taster of what could be done with them.
We made a pitch for a website design job from FM Conway, the emphasis was on using 3D to bring a virtual street to life, thus showing off all their different products and services at the same time.
The best way to showcase and promote our digital business cards was to use them. As a showcase product this presentation had to show what could be done with them, including animation, video, sound, image and text.