Mitsubishi Website
Website design for Mitsubishi-Motors Australia
Client: Mitsubishi Motors Australia
Role: Creative Director/Designer | Kojo Interactive
Screen: Car Selector
Screen: Showroom Slideshow
Screen: Model Selector
Screen: Model Options
Screen: Car Comparison
Different style
Different didn’t want to be just another interactive consultancy. It set out to create an individual style using a unique visual system in an exceptionally competitive market.
You better be different
The Different differences were embedded in two flavours: the Experience Design service and a unique visual brand system.
Different was launching during the ‘dotcom bomb’, consequently I believed the brand strategy was to reflect a transition from the defunct web industry. I advised on the name selection of ‘Different‘ because it declared the brand promise upfront; a different skill set compared to the existing consultancies.
The name was augmented by a distinctive, stylistic brand identity. Instead of relying on abstract icons and meaningless word marks, the Different pattern is inimitable.
Ante up
When the business card hits the table the client’s curiosity is sparked and they become engaged in the Different story.
The objective of the Different identity design was to reinforce the company’s attitude through highly distinctive collateral. The smarts embedded in the tileable pattern allowed the identity to inconspicuously appear on anything without the word mark, plus the identity is scaleable to any size.
Selling experience
The objective of the website was to promote user experience, so it was important to get the notion of people upfront.
Concepting Flik
This video is a quick demonstration of the Flik product.
Concepting Summary:
- Title: Flik.
- Purpose: Create an online product for venture funding.
- Result: The Flik project resulted in the development of the Telstra BigBlog (in 2004).
- Moral: Be prepared to discard many ideas, even to distill down to one, to make the concept more compelling.
- For further information review the Flik folio post.
Download:
Start Dream’s Website
Website design for Start Dreams (Homestart)
Client: Homestart Finance
Role: Creative Director | Kojo Interactive
Screen: Home Page
Screen: Start Dream
Screen: Dream Cost
Screen: Credit Card Calculator
Screen: Dream Community
Screen: Dream Outcomes
Fill’s World Website
Website design for Fill’s World (Cartridge World)
Client: Cartridge World International
Role: Creative Director | Kojo Interactive
Screen: Start Page
Screen: Home Page
Screen: Home Page Content Hover
Screen: Environmental Trail (Learning Section)
Screen: Fill’s Zone
Moulin Rouge
Baz Luhrmann makes awe-inspiring films for a mainstream audience. My role throughout the six-month project was as Creative Lead, responsible for driving the vision, distilling the creative strategy into project deliverables, liaising with Baz and managing the Web team for delivery to Twentieth Century Fox (US).
The making of a film…web site
Baz wanted to create an experience that allowed the audience to discover the film’s theme, its characters and the historical background of the Moulin Rouge.
Early concept design…
I worked with Baz to evolve the original concepts through a ‘grunge filter’ to produce a Monty Python’esque view of the Moulin Rouge world.
What if…
The objective of ClubMR was to get the audience to create a parallel between the Moulin Rouge and today’s nightclubs as a way to understanding how the real Moulin Rouge fit into the lives of Parisians. The preferred direction was to create the possibility that the Moulin Rouge of the 1700’s existed in the heart of contemporary New York.
The visuals of the site show the Parisian club in a grungy New York setting, the central attraction for a queue of clubbers waiting behind the velvet rope. Nicole Kidman’s character Satine provides a provocative glimpse of what ‘might’ be in the Club. The visual design was also inspired by the Beatle’s Sgt. Pepper’s Lonely Heart Club Band album cover, which places famous people surrounding the Beatles.
Flik experience
Flik started as an interface design project, but by the end of the full concepting development it became the genesis of Telstra’s BigBlog.
The project involved developing the branding, user experience definition, information architecture, interactive design, and visual design of all user interface elements.
Prototyping the experience
The first task in designing the Flik interface was paper prototyping, which were translated into wire frames to evaluate the information architecture and screen interaction models. I designed Flik around four key processes – View, Create, Share and Collect – based on the way people work with visual content. These four processes underpin Flik’s user experience model, and form the basis for the application’s functionality.
Designing the interface
Creating an application from the ground up offers the opportunity to design every component of the graphic user interface. The elements shown here are all created in Adobe Illustrator.
The look and feel
The initial screen designs evolved through a number of iterations before the final ‘look and feel’ of the application was finalised. The purpose of these iterations is to test and enhance the interaction design by removing clutter, simplifying the process, and designing for consistency through visual cues.
Identity and theming
The decision to drop the ‘c’ from the origin word – flick – gave the brand name a unique identity that could be trademarked and protected. I decided to place the word mark inside the ’screen-like’ object, so that people would understand that Flik was for viewing media.
Concepting Flik
- Concepting services were used to develop Flik – an online media-sharing product.
- Concepting is a process to create compelling concepts to help people visualise: the product / the business / the innovation / the opportunity.
- View the post on my Creating Concepts blog: Concepting Flik – Designing a product for venture funding.
Download
- For a document detailing aspects of the Flik application concept and design process, download the Concepting Flik PDF.
