Portfolio

I've been incredibly fortunate to have worked on the projects I have over the decades. Here are a selected few ...but enough that you may need to use these filters to quickly find what you're looking for. Or just go for a relaxing doom-scroll and enjoy :)

obliViaR



Play Video

Immersive website for a new VR experience in York

Animation Design Web Development Web application/SaaS


 
Screenshot 2 of obliviar
York's new immersive VR entertainment destination, obilViaR, needed a website to match the excitement of its virtual reality experiences. Tasked with bringing the vibrant vision of web designer Lucy Rigley to life, I developed a bespoke Laravel website with a focus on creating an overall feeling of depth and fluidity, mirroring the engaging nature of the virtual reality experiences offered. This vision translated into the incorporation of smooth, airy animations, designed to captivate visitors and hint at the fluid nature of virtual reality itself.

As always, it is easier to create a database to ensure a simple dynamic management of games and experiences. Despite a rapid project turnaround, the site seamlessly integrates a third-party booking system, providing a smooth and efficient user journey from browsing to booking a VR adventure. The obilViaR website serves as the digital gateway to York's only dedicated VR experience, inviting both first-timers and seasoned VR enthusiasts to discover the immersive fun that awaits.

View project
 

InsideOut



Screenshot of insideout
Educational games for The Royal Institution

Animation Design Web Development


 
Screenshot 2 of insideout
Developed for the Royal Institute of Great Britain. from some of my game concepts. The InsideOut website is designed for 11-14 year olds to help inspire them to science. I created 3 games for the site, Human Cannonball, Energy Quest and Flick the Flea.

The InsideOut site was showcased in DIGIT magazine and BAFTA nominated.

View project
 

Quest



Screenshot of quest
Intuitive UI driven learning tool

Animation Data Visualisation Design Web application/SaaS


 
Screenshot 2 of quest
From my original interface concept UI design, I produced an exciting learning tool for 11-14 year olds to learn about the UK and it's places of interest they can visit. The spinning menu and zooming map are an exciting way into the roughly 2000 pieces of database driven content. This flagship application of gridClub.com helped the site walk away with a BAFTA, a BETT and an Emma Foundation award.

View project
 

Interactive multi-touch attractor toys



Screenshot of interactive multi touch
Interactive toys to show off the client's large format 84" touch screens

Animation Data Visualisation Design Offline/Installation


 
Screenshot 2 of interactive multi touch
The client came to me to concept, design and build several interactive 'attractor' apps for their latest line of very large multi-touch TVs. These TVs are located in hotel lobbies, trade shows, clubs etc. They play one of the attractor apps in demo mode until a passer-by's interest is piqued and they investigate and play with attractor.

Each interactive had to interesting enough in demo mode but also highly 'touchable' and playful when a user (or multiple users) came to play. The high-end TVs have an nice Android system on-board to run these interactives.

View project
 

Maths tutoring website



Screenshot of maths tutoring website
Reactive mobile interactive framework

Animation Design Web application/SaaS


 
Screenshot 2 of maths tutoring website
I was tasked with bringing a very well established maths tutoring site up to date and into the mobile age. After an initial period of R&D, I designed and built a flexible and scalable UI with a full example tutorial ready for user testing and demoing to investors.

The tutorials are step by step and reactive; they will explain the same point in another way, with supporting animation, if the user didn't quite understand the first time. Technically it had to work on desktop, tablets and mobiles with an emphasis on the varied mobiles in use in schools around the globe. This spawned lots of problems in the design; trying to avoid just going for the lowest common denominator and keeping the highly engaging flow and animation to aid the understanding and retention of the lesson. The UI can work in both portrait and landscape and has a 'split' bar so the user can fine-tune the UI themselves, throughout the lessons, if they prefer the emphasis to be on the tutorial's animation and explanation or the accompanying (multi-lingual) text explanation. Flexible guided learning is key here.

View project
 

Selfridges London - In-store promotional installation



Screenshot of in store promotional
Will.i.am+ foto-sosho iPhone camera for will.i.am/Selfridges

Animation Data Visualisation Design Digital Advertising Offline/Installation


 
Screenshot 2 of in store promotional
I like being a freelance designer and developer as I get to work with lots of nice people, once again with the smart people at Tangent90 I built a local installation that played out over a few plasma screens in the entrance of Selfridges London. The installation took pictures of everyone coming through the door, which then where cropped to a head and shoulders image, which then found themselves 'dropping' into my mosaic of other customer's faces. The mosaic tiles are then colour tinted and make up a larger image of Mr I.am.

Depending which version is running at the time, we either play a promo video every few minutes or (my personal favourite) explode the mosaic's tiles and spin them around in 3D before putting them back in their correct places. For no reason beyond eye candy but, for once, that is what you need to attract the passers-by attention.

View project
 

touch screen application



Screenshot of touch screen application
Brilliant futures for a large IT company

Animation Design Offline/Installation Web Development


 
Screenshot 2 of touch screen application
Working with the agency Tangent90, I produced an application that ran on 3 large touch sensitive plasma screens to be shown at trade shows. The project was based around an infinite 'big wheel' carousel of content tiles that then clicked through to a video and some more copy. Users could save details of which content they had viewed for later review.

View project
 

Flora by Gucci



Screenshot of flora by gucci
Perfume site for Critical Mass for Gucci

Animation Design Web Development


 
Screenshot 2 of flora by gucci
Gucci's high standards were evident throughout with the attention to detail in this project. My dev skills were needed by agency Critical Mass to create highlights like the interactive 3D fly through of the 'flora' motif's history. I was also tasked with everything from html to After Effects work when needed.

View project
 

banners and projection animation concept



Screenshot 2 of banners and projection
Two facets to the same project here. First is a set of banners for Fujitsu's 'cloud' computing solution. The second I had to dust off the old Photoshop skills and produce a mock up of a live projection animation.

View project
 

menu animation and little line animations



Screenshot of menu animation and
Cabana restaurant animations

Animation Design Web Development


 
Screenshot 2 of menu animation and
Sometimes it is nice just to do some old skool animation. For the Cabana website I dusted off my After Effect skills and made a 3D animated menu in the style of window shutters. I put this into a little wrapper and made a menu for the homepage of the site. Dotted around the site are little animated drawings. I just couldn't help myself with these anims though and ended up animating a lot of them with code so they were different each time the user came back. I don't like the punters getting bored!

View project
 

Graduate careers path chooser



Screenshot of graduate careers path
Career path chooser for Airbus

Animation Design Offline/Installation


 
Screenshot 2 of graduate careers path
Airbus only wants the best and most suited graduates for their training programs and jobs. Working with Digital Mosaic's designs, I built this career path chooser which took the applicant on a journey of 5-6 questions and then suggested the best area of the Airbus group to apply to.

An XML based decision maker and some slick 3D tilting and panning makes this project stand out from the usual recruitment tool.

View project
 

trade show presentation



Screenshot of trade show presentation
meet the speakers for 2lk/HSBC

Animation Design Offline/Installation


 
Screenshot 2 of trade show presentation
HSBC wanted a presentation tool to introduce the speakers of a major conference. The tool had to scale and work with 56" plasmas as well as touch screens and had to be updateable on the day by the people presenting it. So I built a presentation that scaled perfectly and was easily updateable via XML at any time, it was just what they needed.

View project
 

The Fimbles - Fimbling Fun!



Screenshot of the fimbles fimbling
CD-ROM for BBC Worldwide

Animation Design Offline/Installation


 
Screenshot 2 of the fimbles fimbling
Fimbling Fun! is a CD-ROM for fans of TV program aged 2-6. I acted as head programmer on this project, making all the technical demos in the early stages and most of the final polished product. This was a lot of fun to work on as the Fimbles are so cute :) I am very proud of being able to name all the Fimbles and their friends without having to think about it.

Designed for young children and released by BBC Worldwide in 2003. It's based on the popular BBC TV series "The Fimbles" and is aligned with the UK's National Curriculum Foundation Stage, making it a suitable learning tool for preschoolers.

The project features several interactive activities, including:

Footprints: Guide a Fimble through a maze collecting objects.
Suitcase: Get packing for your holiday with the Fimbles.
Feather: Tickle the Fimbles to make them laugh - miles too much fun.
Pebble: Draw and create pictures in the sand pit and add animated elements to bring them life.
Shimmy Shaker: Create tunes and get dancing. ...annoy your parents. We didn't use it in the end, but I created a 'dance animation system' that automatically animated between different dance moves in real-time.

Additionally, the CD-ROM includes printable greeting cards, stories, video clips, and music from the show, enhancing the interactive and educational experience for children​

View project
 

Facebook application



Screenshot of facebook application
are you smarter than john? for 1000heads/F-Secure

Animation Design Web Development


 
Screenshot 2 of facebook application
To highlight F-Secure's anti personal identity theft program, I created a Facebook app that showed a video of John dropping his credit card on the floor for anyone to play with. The video then zooms into the card and the details warp into the Facebook user's own name to highlight they may need F-Secure's product too.

View project
 

GI Joe game banners



Screenshot of gi joe game
Turner for Waste creative

Animation Design Digital Advertising Web Development


 
Screenshot 2 of gi joe game
I coded 2 in banner games for the launch of GI Joe the movie. In HALO dropzone you take control of our hero as he jumps high altitude and avoids the sky mines and flak on the way down. In Tank Commander you get a tank to fight your way through the village and out to safety.

A few cool extra touches on these games are the smoke fumes that change colour and opacity based on the revs of the diesel engine and the real physics of the drive tracks. No one asked for them, and it's a bit geeky, but I like it.

View project
 

Quote Exchange website



Screenshot of quote exchange
Fun insurance company site for Digivate for Quote Exchange

Animation Design Web Development


 
Screenshot 2 of quote exchange
Putting the fun back into insurance quotes online! ;) Quote Exchange wanted a fun way to lighten up the business of the quote comparison world. I coded a little world which allowed the users to explore the offered content while being entertained and charmed.

I added nice little touches on top of the content exploration to make sure the user was there out of choice; little things like the working toaster (jam sold separately) and some movable fridge magnet letters - my record is 4 rude words.

View project
 

Zovirax website



Screenshot of zovirax website
website for GlaxoSmithKline

Animation Design Web Development


 
Screenshot 2 of zovirax website
Polaroids are flung on the floor of a young lady's apartment. The user zooms in and around the polaroids, finding video clips as they go, to explore the 5 stages of getting a cold sore.

View project
 

BBC Interactive TV



Screenshot of bbc interactive tv
Information Design + user testing

Animation Data Visualisation Design Offline/Installation


 
Screenshot 2 of bbc interactive tv
At the BBC's interactive TV design department, I designed and built interfaces and models for current and future interactive TV services as part of the 'Future Interface group'.

This ranges from simple 'now and next' type screen overlays to imagining future interfaces for the next gen. of digital personal recorders which need to allow browsing and searching of 70,000 data items.

View project
 

CimeXmas



Screenshot of cimexmas
3D snowman Christmas card

Animation Design Web Development


 
A rather dark Christmas viral email game where you play the part of a snowman who throws snowballs at other snowmen, whilst trying to avoid smashing the windows! This was a great project where my only brief was 'we need a game to go out via email and you have two weeks to do it in.

View project