All work

Alfisti

Wireframe samples of the Alfisti site

June 2009

Client

Alfa Romeo

Responsibilities

Interaction design

Description

When I joined R/GA this was the first project I worked on along side Ilia Uvarov, the creative director of Interaction Design. The brief was to create an engaging multi-national social network specifically catering for customers of Alfa Romeo.

Building on the work Ilia had already done we spent the following weeks completing the documentation for the site which was built on the framework of an off-the-shelf social networking platform. We utlised the available widgets, customising them to our requirements and worked with the engineers to expand the offering of functionality.

At the end of the process we produced an in-depth set of documentation which was supported by wireframes and flow diagrams.

Sony Europe Online Store

screenshot

Apr 2009

Client

Sony

Responsibilities

Visual design

Description

I was hired by Flow Interactive to come in on visual design capacity working closely with two of their IAs on the ‘proof of concept’. The brief was to create a completely new online experience for the Sony Europe and Asia business group. The site was to encompass their entire product catalogue and would serve to bring all their e-commerce activities under one umbrella.

The visual design I produced was based around the idea of a virtual shop in which the user could explore and interact with the products as though engaging with them on the shelf.

One Stop Blogs

screenshot from site

Mar 2009

Client

Macmillan Publishing

Responsibilities

Visual design, Web development

Description

One Stop Blogs is a blogging aggregation site from MacMillan Publishing for people working with in the language teaching profession.

Armed simply with existing branding of One Stop English I created a totally new site site, developing a unique look and feel. The site is built on an existing code structure which I was constrained to but then given the freedom to stretch it as far as I could to come up with something fresh and exciting.

The design I produced brought life to a previously dull uninspiring content model. Once I had the design in place I kicked of the css work which I then passed on to the in-house development team.

www.nature.com/blog

screenshot from site

Feb 2009

Client

Macmillan Publishing

Responsibilities

Visual design

Description

Nature.com supports a large amount of blogs within its network. Each one is on a different specialist subject, with it’s own identity, will fitting within the styling and structure of the nature.com site.

I was asked to design a generic template for this array of blogs which could be adapted simply using the css so that each blog could use it’s own signature colour and place a unique image in the header to identify it from the others.

In the day I had to work on this I produced a couple of variations. The result being that the final template is based on the second but pulling a couple of elements from the first.

Aston Martin Centerstack

Screen samples of Aston Martin Infotainment System

Feb 2009

Client

Aston Martin

Responsibilities

interaction design, visual design

Description

Having worked on a concept interface for Aston Martin previously at Splendid they then gave me the opportunity to produce the real thing.

Over a number of months I took charge of the production of the infotainment system, in tandem to a team who produced a home mangement system.

We worked closely with the client spending two days a week on site in Gaydon.They allowed us to become emersed in the Aston Martin world, interviewing all the stakeholders and wide range of staff.

We then developed our ideas through a series of testing phases, finally translating the UI in to a refined elegant visual interface which blended seamlessly in to the vehicle interior.

www.upcfresno.org Reskin

screenshot from site

Jan 2009

Client

University Presbyterian Church

Responsibilities

Visual design

Description

University Presbyterian Church approached my partner looking to breathe life in to their website – a flash based, unintuitive and unengaging experience.

Our brief was to produce a user-friendly, visually engaging interface which presented the human side to their organisation.

My partner handled IA and development, with my consultation, while I handled the visual design.

The result is a clean, modern and friendly site which is easy to use for their diverse demographic, supporting the congregation and drawing in new members.

FPU News and Events Portal

screenshot from site

Jan 2009

Client

Fresno Pacific University

Responsibilities

Interaction design, visual design

Description

Following on from the success of the previous designs I produced for FPU, they commissioned me to mock up a stand alone news and events site for the university. The client put together a general brief relating to content types. They requested that it should be clear to the user that the site was independent but at the same time linked to their main site.

My approach was to use the same template but to change the colour palette, within their guidelines, and give the site a more serious, informative feel.

I also expanded the number pages designed to cover content level and an events calendar. This gave me the chance to document the consistency of the design and spend more time analysis the interaction process for users accessing the calendar.

With the visual design done, the in-house technical team are currently working on the build, with the site due to go live later in 2009.

www.smarta.com

screenshot from site

Jan 2009

Client

Bright Station Ventures

Responsibilities

visual design, interaction design

Description

Smarta is a social networking site for entrepreneurs and business people. It was the brain child of Sháá Wasmund of Bright Station Ventures who saw the need for a well built, easy to use and engaging resource for forward thinking business people. Whether just starting out or in need of fresh inspiration.

The brief was to create site that combined quality editorial with a networking structure that would enable its users to make a difference to their business.

Along side another senior interaction designer, I was tasked with taking the project from the very beginning and see it through to launch. We started by research the market, and the users, and also interviewing the stakeholders and other business people. With this information we created a broad spectrum of personas and built up the functional requirements and a site map of the site.

From here we wireframed the scenarios and tested them. With the the testing done we moved on to visual design and went through an iterative process bringing together the best of our ideas to produce the final look and feel.

Once the look and feel was signed off we created all the templates and handed over the artwork and documentation to Public Zone to handle the development.

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.