Toyota


Various design tasks for toyota.com

MY Role

Design

OVERVIEW

At Saatchi & Saatchi, I was part of the digital team that worked on toyota.com. We kept busy keeping the digital properties up to date. I worked on some concept landing pages that never got used, I designed the search inventory section, and I helped update some of the secondary pages to be responsive.

2024_project_into_images_toyota
Search Inventory Section

Not the sexiest work, but nonetheless it was a good experience. I wanted to make the inventory search a little easier for the user, while still keeping in line with the brand. There were some things we weren't able to do due to technical limitations, but I still think this turned out pretty well.

2024_img_toyota_searchInventory1

FULL VERSION

1024_SearchInventory_1.2_results
1024_SearchInventory_2.1_details
2024_img_toyota_searchInventory1
Concept for the Prius Prime Detail Page

Here are a couple of exploratory concepts for the Prius Prime detail page that didn't get used.

2024_4x3_img_Priusexplorations

FULL VERSION

prime_mlp_refresh_0517
prime_mlp_refresh_0517_b
2024_4x3_img_Priusexplorations
Responsive Layouts for Secondary Pages

When I started, a majority of Toyota's secondary and tertiery pages were only designed for desktop. I worked with an extremly talented group to make those pages responsive.

toyota_myco

Progress tracker design for new owners


The Toyota Mirai is a hydrogen fuel cell vehicle, one of the first such vehicles to be sold commercially. The Mirai uses the Toyota Fuel Cell System (TFCS), which features both fuel cell technology and hybrid technology, and includes proprietary Toyota-developed components including the fuel cell (FC) stack, FC boost converter, and high-pressure hydrogen tanks.

One of the main pain points for Mirai owners was the communication from Toyota while they waited for their new vehicle. In order to fix this, we set out to build a progress tracker that would serve dual purposes: help users learn about the Mirai technology, and keep up the engagement before their car was delivered.

Initial Step

After user's purchase the vehicle, we would serve up some initial info so they can begin to get comfortable with their new vehicle before it is delivered.

mirai_1

FULL VERSION

mirai_progress_tracker_1024_1.1_application
mirai_1
Owner Stories Overlay

The idea was to highlight specific Mirai owners about their life and why they bought a Mirai.

content_overlay

FULL VERSION

mirai_progress_tracker_1024_3_owner_stories
content_overlay
Progress Tracker

After the intial ordering phase, the owner would then receive additional content after pre-determined time lengths. Each section would be specific to that category and the owner could revisit previous steps if wanted.

mirai_progress

FULL VERSION

mirai_progress_tracker_1024_2_paint&finish
mirai_progress
Early Explorations

Here are some of the initial tracker explorations that didn't make the cut.

2024_img_toyota_miraiConcepts

FULL VERSION

mirai_progress_tracker_1
mirai_progress_tracker_5
mirai_progress_tracker_6
2024_img_toyota_miraiConcepts

Additional Projects

In The StandsTravel guide when visiting MLB ballparks

NexgrillWebsite for a bbq grill company

Haunted MansionApp design and website concept for Disney’s famous ride

Toyota Hall of FameWebsite for a Fantasy Football Hall of Fame

Rubio'sPitch designs for a fast casual restaurant chain

The GRAMMYsApp design for the 57th annual Grammy Awards show

Royal CaninPitch designs for a pet food company

Big Hero 6Website concept and online quiz for the Disney animated movie

CinderellaWebsite design for the live-action remake of the Disney classic

EPIC LifeEditorial website for Vail Resorts

nt_monogram_corner_120
Nathan Trost  ©2024
Back to top Arrow