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
Immersive website for a new VR experience in York
Animation Design Web Development Web application/SaaS
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
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
Educational games for The Royal Institution
Animation Design Web Development
BAFTA Nominated: Interactive Factual category
IVCA Winner: Biz Net 2003 awards
IVCA Nominated: Biz Net 2002 awards
EMMA Nominated: 3-18 year old learning category
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
The InsideOut site was showcased in DIGIT magazine and BAFTA nominated.
View project
Quest
Intuitive UI driven learning tool
Animation Data Visualisation Design Web application/SaaS
BAFTA Interactive Award
EMMA Foundation Award
BETT Award Learning beyond classroom
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
View project
Interactive multi-touch attractor toys
Interactive toys to show off the client's large format 84" touch screens
Animation Data Visualisation Design Offline/Installation
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
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
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
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
Will.i.am+ foto-sosho iPhone camera for will.i.am/Selfridges
Animation Data Visualisation Design Digital Advertising Offline/Installation
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
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
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
View project
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
View project
banners and projection animation concept
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
View project
menu animation and little line animations
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
View project
Graduate careers path chooser
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
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
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
View project
The Fimbles - Fimbling Fun!
CD-ROM for BBC Worldwide
Animation Design Offline/Installation
BIMA Winner: Best Training & Home Learning
BIMA Commended: Best use of CD/DVD/Kiosks
Right Start Award Winner: Gold Award
Design Week Awards Nominated: Interactive Media - Information
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
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
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
View project
GI Joe game banners
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
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
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
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
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
View project
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
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
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
View project