Interaction design

Gooey – Concept UI for Windows Mobile

screenshot from site

Oct 2008

Client

Samsung/Microsoft

Responsibilities

art direction, visual design, interaction design, Silverlight asset creation

Description

Microsoft wanted to showcase Silverlight on a mobile platform. The solution was to create an animated, interactive character which could interpret the operation system functions of the Samsung Omnia.

I worked on this as a solo project, for Splendid, over two weeks, working with a developer from Samsung, plus technical support from the in-house Microsoft Silverlight team.

I spent the first few days brainstorming and storyboarding the project, and brought in some illustrators to create the character. I then spent a week in Seattle at Microsoft taking part in a workshop with other small Silverlight teams where I finished the storyboarding and investigated technical solutions to our requirements. The final week was spent producing the visual interface which I created using Microsoft Expression.

The final interface was produced as a demo for PDC2008 in LA.

FPU undergrads

screenshot from site

Jul 2008

Client

Fresno Pacific University

Responsibilities

Interaction design, visual design

Description

Having designed the main site for FPU they returned with a request to create the visuals for an undergraduate site. The brief was to follow the information architecture of the main site but change the visual design so that it directly appealed to the younger undergrad audience, with a specific request that I use the grunge style. Initially I produced a design following their standard brand guide lines. However, the marketing department then request the use of a brighter, more vibrant colour palette, plus the use of a new logo created for their new marketing campaign.

I successfully blended the new visual direction with the existing template and created a design that was bright and engaging while maintaining a clear link to the main site.

www.fresno.edu

screenshot from site

May 2008

Client

Fresno Pacific University

Responsibilities

Interaction design, visual design

Description

FPU hired me to freshen up and revitalise their cold looking site.

I worked through the requirements with the client from which I wireframed the homepage and a content page. I then produced the look and feel, using their branding guidelines. The finished visuals were then handed over to their in-house team and the site is due for launch later in 2009.

Infotainment System & Configurator

screenshot from site

Mar 2008

Client

Aston Martin/Microsoft

Responsibilities

visual design, Silverlight asset creation

Description

I joined the team at Splendid to work on this POC, which was produced in partnership with Microsoft.

The brief was to produce a website, a stand alone touchscreen application and in-car system for Aston Martin using Silverlight. The website was to by an engaging marketing tool which would drive sales and streamline the buying process through the use of a 3D car configurator. The second objective of the site was to provide a community area and personalised content for new car owners.

In addition to the configurator we designed a touchscreen application used in the car show room. This system pulled the content created by the potential owner and displayed it on a tablet for the sales staff to use when specing out the car details.

The final part of the project was the in-car system. This interface is was displayed on a small screen in the dash and provided a central hub for all the car’s systems including the cd player, radio, environmental controls, diagnostics and a drive recording system.

My role was to support the lead designer in creating the finished artwork. Working to an extremely tight deadline we then translated all the interfaces in to Sliverlight using Blend, and created animated sequences which were handed over to the development team.

The finished piece was then integrated in to an actual car for demo purposes and was used for a keynote presentation at Mix 08, first in Las Vegas, then across the globe.

travelguru.tv

screenshot from site

Jan 2008

Client

Travelguru.tv

Responsibilities

Art direction, visual design, web development, interaction design, project management

Description

This site is a private enterprise born from the owners knowledge of the travel industry. It is a high-end travel site aimed at the more discerning traveller who wants the best and the convenience of having it arranged for them. This site features non-biased, informative full-screen videos of the offers presented by well known travel writers.

Working closely with the client I over saw every aspect of the brief from wireframing to launch. Following the wireframing I produced the visual design and built the site. The XHTML templates I created were tailored to work with dotEditor, a content management system, allowing the client easy access to edit and manage the live site.

www.ciwf.org.uk

Oct 2007

Client

Compassion In World Farming

Responsibilities

Visual design, art direction,
project management, interaction design

Description

As the art director at Ellipsis Media I was responsible for the delivery of the new CIWF site. Initially I worked with the client to finalise the new site structure. From this I wireframed the core templates and put them out to the design team to visualise. As it turned out the client selected my concept so I was also responsible for creating the visual design for all the templates.

The new site was to be built on dotEditor, the content management system, so the site was designed and built accordingly. My involvement continued in the project up to hand over and assisted the client with the initial process of data entry using dotEditor.

dotMailer v2.0

screenshot from site

Jul 2007

Client

dotMailer

Responsibilities

Lead visual designer, interaction design, web development

Description

Having not changed since launch, the email marketing tool, dotMailer, was in need of a refresh. I was given the role of wireframing the new interface and interviewing stakeholders, users and developers to document the requirements and functional enhancements.

Once I had the wireframes complete I started on the visual design. The brief was to bring the product right up to date,using a clean web 2.0 style approach based on the existing colour palette. Once I had created the initial visual concepts I handed over the designs to a member of the design team to see the process through to launch.

Rosetta V1

Screenshots of the original Rosetta Platform

April 2002

Client

LexisNexis

Responsibilities

Lead visual designer, interaction design, web development

Description

As the third member of the newly formed UX team to be hired in the UK, and only visual designer, I joined up with two IAs to start work on the ‘Rosetta Platform’. We kicked off by teaming up with a small team from Serco to sketch high-level wireframes.

From these I developed a range of visual concepts, which once user tested, were narrowed down to the final look and feel.

Within a few months the team grew dramatically as the project picked up pace and the first release was around a year and a half later. The product was initially released in 4 countries and with 5 subsequent releases it is now available in 8 countries, in three different languages. The scale of the project was immense, involving hundreds of product managers, project managers, user experience specialists and engineers.

www.rafcareers.com

RAF careers

April 2001

Client

The RAF

Responsibilities

Art direction, visual design, interaction design, Flash

Description

At the time this site was launched it received wide press coverage, including the cover story of Cre@te Online magazine and being awarded site of the week and awarded 10/10 on The Web Review, on ITV.

The site was produced in both flash and html for accessibility reasons. As lead designer, I created the visual look and feel, based on brand guidelines, and developed the concept of a spinning, 3D airbase which was used as the main navigation. I also produced the Flash site, including the animations and ActionScript which allowed the site to communicate with a CMS.