Tesla

Designer
Engineer
Car Infotainment
2015 — 2016

I joined Tesla excited to work on a small talented team that was inventing the future of automotive technology. I had the opportunity to contribute both as a designer and engineer while pushing myself to have as much impact as possible.

Tesla

Designer
Engineer
Car Infotainment
2015 — 2016

I joined Tesla excited to work on a small talented team that was inventing the future of automotive technology. I had the opportunity to contribute both as a designer and engineer while pushing myself to have as much impact as possible.

Full System Redesign

Along with two other designers we made the biggest redesign of the touchscreen user interface since the launch of the Model S. The main goals were to have an all new navigation and music playback apps, a simplified clutter-free experience throughout the system, and a visual update to a modern appearance. My primary responsibilities were updating the design of every component and screen outside of the maps and music apps. To speed development of the new visual design I created an entirely new design system in Sketch, established an asset creation process that made it easy to update the builds with new assets, and integrated and tested every asset.


To support experimenting with the designs and build interactive demos for feedback from stakeholders I created a prototyping environment where we could use the actual car hardware connected to a Mac with touch support by writing a custom device driver. Having a seamless rapid prototyping environment greatly improved the design feedback cycles and gave a clearer target for engineer to hit their aggressive deadlines.

Images Movement

Images Movement

Text Animation

Text Animation

Instrument Cluster

For the redesign of the Instrument Cluster I designed, prototyped, and ultimately implemented many changes to improve the experience. Notable changes were a full redesign of the music player that incorporated 75% larger display of the album artwork, changing the interaction model and visuals of the app selector, a full redesign of the charging screen with a much larger display of the charge status.

Images Movement

Images Movement

Images Movement

Text Animation

Text Animation

Text Animation

Audio Settings

An example of the extensive nature of the UI redesign is the Audio Settings screen. In addition to the visual refresh, I simplified the design by removing unecessary elements and structure to make it easier to get the desired result with fewer interactions. We were also limited in the engineering resources available so to get these changes, and several others, I implemented all of the changes myself.

Audio Settings

An example of the extensive nature of the UI redesign is the Audio Settings screen. In addition to the visual refresh, I simplified the design by removing unecessary elements and structure to make it easier to get the desired result with fewer interactions. We were also limited in the engineering resources available so to get these changes, and several others, I implemented all of the changes myself.

Audio Settings

An example of the extensive nature of the UI redesign is the Audio Settings screen. In addition to the visual refresh, I simplified the design by removing unecessary elements and structure to make it easier to get the desired result with fewer interactions. We were also limited in the engineering resources available so to get these changes, and several others, I implemented all of the changes myself.

Images Movement

Images Movement

Images Movement

Text Animation

Text Animation

Text Animation

Model 3 UI Concepts

During the concept phase of the Model 3, I designed and prototyped numerous interface concepts for how to incorporate the Instrument Cluster and Infotainment in a single landspace dispaly. I also developed proposals and participated in executive discussions about the steering wheel controls.

Model 3 UI Concepts

During the concept phase of the Model 3, I designed and prototyped numerous interface concepts for how to incorporate the Instrument Cluster and Infotainment in a single landspace dispaly. I also developed proposals and participated in executive discussions about the steering wheel controls.

Model 3 UI Concepts

During the concept phase of the Model 3, I designed and prototyped numerous interface concepts for how to incorporate the Instrument Cluster and Infotainment in a single landspace dispaly. I also developed proposals and participated in executive discussions about the steering wheel controls.

Images Movement

Images Movement

Images Movement

Text Animation

Text Animation

Text Animation

Model X Door UI

During the development of the Model X, I prototyped multiple designs for the interaction and animation of the interface for the Falcon Wing door controls.

Model X Door UI

During the development of the Model X, I prototyped multiple designs for the interaction and animation of the interface for the Falcon Wing door controls.

Model X Door UI

During the development of the Model X, I prototyped multiple designs for the interaction and animation of the interface for the Falcon Wing door controls.

Images Movement

Images Movement

Images Movement

Text Animation

Text Animation

Text Animation

Mobile App Redesign

At the time the mobile app had a standard tab based structure that didn't fit the usage model and was not extensible to additional controls or able to incorporate the needs of the Home Energy teams. To address these issue I collaborated with another designer by building fully interactive prototypes to validate the designs, further refine the interactions, and build fluid animations.

Mobile App Redesign

At the time the mobile app had a standard tab based structure that didn't fit the usage model and was not extensible to additional controls or able to incorporate the needs of the Home Energy teams. To address these issue I collaborated with another designer by building fully interactive prototypes to validate the designs, further refine the interactions, and build fluid animations.

Mobile App Redesign

At the time the mobile app had a standard tab based structure that didn't fit the usage model and was not extensible to additional controls or able to incorporate the needs of the Home Energy teams. To address these issue I collaborated with another designer by building fully interactive prototypes to validate the designs, further refine the interactions, and build fluid animations.

Images Movement

Images Movement

Images Movement

Text Animation

Text Animation

Text Animation

Let's Connect

Crafted by Joe Howard 2024

Let's Connect

Crafted by Joe Howard 2024

Let's
Connect

Crafted by Joe Howard 2024