Projects

The challenge: Bringing to life Centrica's personality in this content and feature rich site

The old Centrica site had outgrown its scope. A new layout concept was required that could deal with more content in a variety of formats. We extended the visible screen estate to 1024px and gained plenty of space which made reading and viewing information more comfortable. The corporate colour palette remained unchanged, however was applied in a new way. Colours are used judicously with white and grey dominating the design. Built to accessible standards the design easily accommodates changes to text size and colour, allowing users to view information in the way that best suits their individual needs. The site offers a high level of personalisation, story-telling through video, news alerts for specific business areas, RSS feeds, and download kits.

www.centrica.com
Centrica plc Annual Report 2008

The challenge: Creating a site to reflect SABMiller's operational scale, business areas and diverse portfolio of brands

The site expresses how the different parts of SABMiller connect and co-operate to support the company's brand proposition, 'Making a difference through beer. The site links related information from across the business so that wherever users are on the site they can access a range of relevant content such as country profiles, brand stories, sustainable development case studies and management biographies. The Design is based on multiples of a square; SAB's key identity element which has been applied in their printed communication with great consistency. Colours are stark and powerful mainly relying on black, white and the corporate SAB Gold. Newly-created design elements such as flags, maps and navigation tabs help to guide users through the site and make connections between the different business areas.

www.sabmiller.com

The challenge: Visualizing the brand concept of 'shaping experience' without being overly flashy or literal

Rexam is one of the world's top five consumer packaging groups and the world's leading beverage can maker. The design is crisp and distinctive, with shape and colour – the sensual aspects of experience – conveying a strong sense of interaction, lightness and movement. Animated case studies explain the packaging process, revealing insights into Rexam's collaboration with its customers, and its innovative approach to and passion for packaging. The design ingredients for their website were Verdana, the 'Rexam Curve', plenty of white space, a hint of light colours and a series of photos. Photos on the site shows individuals interacting with Rexam products and the intimacy and pleasure they offer. A designated Flash area called'Shaping experience' tells stories about successful brands which Rexam helped shape.

www.rexam.com
Rexam Annual Report 2008
Rexam Fusion

The challenge: A redesign to accessible standards and a fresher look

- this new site follows the highest standards for accessiblity set by the World Wide Web consortium without impoverishing the website experience for fully abled users. ITG has been a client since 2003. This redesign took place in 2007. It introduces a larger screen format of 1024 x 768px, a more open layout and a lighter colour palette. The site employs photography provided by the client, language is clear and simple. Site content and architecture were reviewed, leading to greater clarity and a better flow.

www.imperial-tobacco.com

The challenge: Re-branding a global hotel company

InterContinental Hotels Group is one of the world's largest global hospitality companies and operates hotels in more than 100 countries. What's new? A wide screen layout that goes beyond the limitations of 800 x 600px and deeper content and better services for users of the site across all areas. The design needs to appeal to a global audience of investors, journalists and graduates and future employees alike. There is a dedicated Flash, story-telling area, called ‘Explore’, with stories that illustrate the IHG's brand promise – the company that sees the world through your eyes. It’s a substantial undertaking, but vital to showing what makes IHG distinctive as a company.

www.ihgplc.com
IHG Explore

The challenge: Creating a site to become the primary source of information on road safety issues

Content is at the heart of the site. The AA Motoring Trust has published over 150 reports, dating back to 1994, and runs a number of campaigns. The solid, powerful yellow and black colour scheme presents the Trust as authoritative and trustworthy. The site is easy to navigate, straightforward and clear. It's is built accessibly, so as many users as possible can use the site, regardless of disability or technical set-up. Unfortunately the site is no longer available.

The challenge: Creating a strong new online brand identity and a large scale global website for one of the worlds biggest supplier of building materials.

We developed the existing design guidelines further and created a complete brand toolkit. New pages and entire websites can be added following a clear visual system for building a page layout and using colour, typography and imagery. This makes the whole process of growing the site both a straightforward one.

www.hanson.biz/
Hanson Annual Report 2003
Hanson Annual Report 2002

The challenge: Reflecting the manic buzz of real places while offering concise and up to date financial information which corporate and investor audiences expect to see.

As one of the UK's leading operators of managed pubs, bars and restaurants Mitchells & Butlers is gave us access to an amazing pool of photography which they had established over time in many of their pubs and estates. These images appear in slideshows (of various sizes) which visitors can view in many places throughout the site. Navigation is easy to use and content areas are clearly distinguished. The site's Business Navigator is an engaging interactive handbook about M&B's individual brands.

www.mbplc.com

The challenge: Shifting the world's most acclaimed magazine on Graphic Design, so heavily rooted in print, into the digital realm.

Designed in 2001 the site provides essays by and about the stars of the design community, access to current and previous issues, and the latest conference and industry links. Extensive cross-referencing makes it easy and intuitive to browse by name or concept. With the focus on strong content and a robust content architecure, we developed a playful high quality interface design, fulfilling key marketing requirements, highly useable and ultimately providing a source of inspiration for the design community.

www.eyemagazine.com

The challenge: Developing a new and unique search tool for the company's constantly growing pool of experimental images which is powerful in its application while at the same time being inspiring, intriguing and easy to use.

Each image is categorised using several layers of keywording allowing for intuitive searching by formal, technial, subject and even emotional categories, and for starting new, associative searches. Apart from the Untitled View Finder, the main tool for searching images, the site features a history function, a lightbox for managing selections, and the actual keyword guide. The 'untitled organisation', a collective of experimental image makers asked for a site that would help them managing their entire image archive and make it available for purchase online.

www.untitled.co.uk

The challenge: Creating a site concept that visually reflects the Arts Institute's seasonal programme changes and also lets users track the evolving relationship between inIVA and their artists.

inIVA is a London based Arts organisation which is designed to bring the work of artists from culturally-diverse backgrounds to the attention of the widest possible public. The site's architecture we planned completely from ground up. Since navigation and eeb content are inseparable a transparent navigation system was developed, clear, elegant and easily learned. A colour coding system allows inIVA to apply a range of new colours seasonally keeping the site's look fresh, varied and distinct. All information is available in a text only easy-access format catering for users with disabilities.

www.iniva.org

The challenge: Creating a dynamic online environment which features solely the work of Digital Media Artists.

Parallel with their new website inIVA also launched their online gallery, x-space. x-space shows projects which were specifically developed for the internet. The interface to these projects is a three dimensional space of a special tactile quality and intriguing motion. The unique interactive browsing experience creates a truly digital gallery. I used colour to indicate latest projects and those already visited by a user during a session. Developed in Flash 5 x-space quickly became the highlight of the new inIVA.org.
You need the Flash 5 Plug-In to enter the gallery. x-space is no longer live.

The challenge: Designing an Action Portal for the growing community of Greenpeace supporters in the UK.

The briefing for this project was to create a clean, simple to use and easily accessible website keeping people informed about the latest Stickering, Leafleting or Action training events in their local area. Concentrating on typography and colour alone I developed a design which is both engaging to use as well as clearly structured and supports the site's functionality. Quick acess and minimal download times were vital, as large parts of the audience would still rely on a 56K modem connection for viewing the site. The design adheres to Greenpeace's usability and accessibility guidelines.

www.greenpeaceactive.org.uk/

The challenge: Creating a site concept and architecture based on three routes for three basic types of users, as each user approaches the site with different expectations and questions.

The only common expectation is to perceive the LCP as an exciting, constantly reinventing, creative arena, buzzing with people and ideas. Both in the design and usability, the site reflects what LCP is like and gives a taste of student life there. The style is fresh, new, exciting and real. At key points users encounter 'LCP Idents', short 10sec animations with sound, which reinforce LCP's values and spirit in a new way each time. We also developed a customised content administration system, that delivers an easy to use solution for keeping course information, news and gallery exhibitions up-to-date.

The site has undergone a redesign since and is no longer available in its original design.

Ident 1
Ident 2
Ident 3
Ident 4
Ident 5
Ident 6

The challenge: Designing a platform for information and debate about all things green, focusing on the organisation's environmental campaigns.

Created the identity and design guidelines for Greenpeace's new online channel, 'Greenpeace Digital'. (It has undergone a re-design since.) I designed the new logo, developed the colour scheme, and established the guidelines for usage of the logo. On this basis the site's main interface was created and its ready-to-use coded templates were eventually taken over and implemented by Greenpeace's in-house team.

www.greenpeace.org.uk

The challenge: Creating a user-experience as seamless and immersive as it possibly could be.

We created several layers of interconnected navigation while still keeping the interface clear and easy to use. The organic movements are a special feature, and transition is the keyword here. Nothing should be static or fixed, allowing the user fluid movement through all the information. The CD is a showcase of Student Design Work across 22 disciplines produced by AE in its 2nd year for the Royal Society of the Arts, London. The core content areas are: the Brief, the Jury, and the Winners.

Commendations: 12th Design Week Awards 2001, Design Prize Schweiz 2001

The challenge: Designing and developing a great game experience which is fun and challenging, yet easy to learn.

In support of their Renewable Energy Campaign Greenpeace asked for the concept, design and development of a Flash based viral game. Your mission is to ensure the world can be supplied electricity from offshore Wind Power! Sail from landmass to landmass - UK, Africa and South America (level 1, 2, 3) - building turbines in the sea along the coast and switching on their power! Design of country maps(level 1-3) and rendering and animation of individual game elements such as boats, oil barrels and solar panels etc.
The clock is ticking...

Play --> Greenpeace Windfarm

The challenge: creating a fast and furious game with a high viral quality to spread the word about Greenpeace's latest campaign.

Being thrown into the Southern oceans you find yourself in charge of a small crew of 3 Greenpeace activists eager to stop a Japanese whaling ship from throwing harpoons. Your Mission: to protect the whale and conquer the hostile ship. When the time is right, move in behind the ship and help your crew on board. Intercept the harpoons and save a whale's life!

Play --> Stop Whaling!

AE Shorts is a collection of digital experiments: an investigative and evolutionary process catalogued and recorded within a 3-dimensional interface.

Explore --> AE Shorts