Toyota Owners

DIGITAL PLATFORM. BRAND DEVELOPMENT. SITE REDESIGN.

Toyota Owners

The Toyota Owners site is the premier, web destination for all Toyota owners. At its core, the site is a one-stop-shop to remove friction from the ownership experience, providing information and resources about each and every Toyota vehicle — all tailored to individual owners. In November 2010, I was recruited by Saatchi & Saatchi LA to head up the team tasked with rebuilding this experience from the ground up.

OWNERS_laptop_hpOWNERS_laptop_hp

LOGGED OUT & LOGGED IN HOMEPAGE

The new Owners site is a revolution in car ownership, putting the customer first, in a way no other car manufacturer ever has. The entire site experience is dynamic and ever-changing, learning the owners' habits and understanding what they need along the way, from the initial unboxing process, all the way to the last day of ownership. Everything is customized to each specific user, creating an experience that is memorable and care free, leading to repurchase and brand ambassadorship. In collaboration with Scott Pargett, I set the overall visual aesthetic, I then managed a very talented team to flesh out the entire digital platform.

CLIENT

Toyota

AGENCY

Saatchi LA

DATE

Nov 2010–Oct 2012

OWNERS_homepage_layoutOWNERS_homepage_layout
OWNERS_before_afterOWNERS_before_after

To best convey our redesign of the Logged-In Homepage, we created an animated prototype that displayed key elements and events within the page. This was actually quite revolutionary at the time, in terms of design workflow — long before programs like Framer or Flinto existed.

OWNERS_ipad_locatorOWNERS_ipad_locator

PERSONALIZED WIDGETS

A major request from the client, and huge component of our overall strategy, was to allow of user customization. To ensure our users had the ability to tailor their dashboard to their own personal interests and needs, we designed and built a flexible framework. Flexible widgets we designed, offering a variety of utilities — everything from How-To-Videos, to Twitter feeds, to Cheap Gas Locators. The user was given the ability to add or remove widgets, and even change the order in which they were displayed. All of these aspects were created out of empathy, with our goal centered around creating an experience that allowed owners to easily find what they were looking for, so they could get on with their day.

OWNERS_widget_aaoOWNERS_widget_aao
OWNERS_widget_videosOWNERS_widget_videos
OWNERS_widget_gasOWNERS_widget_gas
OWNERS_widget_twitterOWNERS_widget_twitter
OWNERS_widget_dashiconsOWNERS_widget_dashicons
OWNERS_ipad_manual_cutOWNERS_ipad_manual_cut
OWNERS_promo_tilesOWNERS_promo_tiles

Cross promotional touts were placed at the bottom of select pages. This allowed users to learn about other vehicles within the Toyota lineup, translating to discovery and new leases.

OWNERS_mbp_handsOWNERS_mbp_hands

USER INTERFACE ELEMENTS & STYLES

The UI and art direction that we established was very detailed and crafted. There was an elegant richness, common within the skeuomorphic design language, that feels dated now, but at the time was ahead of the curve compared to other automotive OEMs. I still have a soft spot in my heart for gradients, bevels, strokes, and drop shadows. It's quite nostalgic looking back at this body of work.

OWNERS_ui_bOWNERS_ui_b

ICONS & ILLUSTRATIONS

To stay aligned with the overall design direction, I commissioned Soft Facade, a reputable 3D design and icon production company from Russia, to create a series of detailed icons and illustrations that could be peppered throughout the experience. When high-quality photos weren't available, we created an icon to take its place.

OWNERS_icons_1OWNERS_icons_1
OWNERS_icons_2OWNERS_icons_2
OWNERS_icons_3OWNERS_icons_3
OWNERS_product_page_skewedOWNERS_product_page_skewed

MY ROLES & RESPONSIBILITIES

Creative Direction, Design Direction, Visual Design, Creative Strategy & Ideation, Team Management

TEAM CREDITS

EXTERNAL VENDORS

Margaret Keene – Exec. Creative Director
Chris Adams – Exec. Creative Director
Andre le Masurier – Creative Director
Brad Burke – ACD / Designer
Matt Curry – ACD / Writer
Scott Pargett – Art Director
Abe Cortes – Art Director
Eric Hallmann – Art Director
Ethan Martin – Designer
Jeremy Little – Designer
Shaun Rance – UX Director
Whitney Spathelf – UX Designer
John Randall – UX Designer
Chris Kief – Tech Director
Dave Evans – Exec. Producer
Julie Notaro – Exec. Producer
Charlie Maas – Producer
Kristen Hoy – Account Supervisor

 

HAUS – Development
Hyphen – Development
Superfad – 3D Design
Soft Facade – Icon Design
Royale – Video Animation