A system is a function of
a thousand moving parts.

A system is a function of
a thousand moving parts.

A system is a function of a thousand moving parts.

The product should be insanely great. A perfect combination of beauty, function, and performance. That’s where Tesla comes in.

The product should be insanely great. A perfect combination of beauty, function, and performance. That’s where Tesla comes in.

OVERVIEW

OVERVIEW

How do we create a
unified design system?

How do we create a
unified design system?

Tesla is a huge brand with a range of product verticals that revolutionized the automotive and energy industries. These verticals include automotive, AI, Solar Energy, e-commerce and
now Robots. During my time there, I centralized data visualization patterns to help communicate complex information across Tesla..

Tesla is a huge brand with a range of product verticals that revolutionized the automotive and energy industries. These verticals include automotive, AI, Solar Energy, e-commerce and
now Robots. During my time there, I centralized data visualization patterns to help communicate complex information across Tesla..

TESLA IMPACT REPORT

TESLA IMPACT REPORT

One out of six projects that launched.

One out of six projects that launched.

In the year 2020, Tesla played a pivotal role in assisting customers circumvent a staggering 5.0 million metric tons of CO2 emissions. The environmental impact is so significant that we should probably warrant a call to Greta Thunberg. Tesla consistently releases annual reports, and I had the privilege of contributing to the visual vocabulary for Tesla's 2020 Impact Report.

In the year 2020, Tesla played a pivotal role in assisting customers circumvent a staggering 5.0 million metric tons of CO2 emissions. The environmental impact is so significant that we should probably warrant a call to Greta Thunberg. Tesla consistently releases annual reports, and I had the privilege of contributing to the visual vocabulary for Tesla's 2020 Impact Report.

INCLUSIVITY

INCLUSIVITY

Scaling a global product
to reach millions

Scaling a global product
to reach millions

Creating a brand that breaks barriers of language, culture, laws, and standards is harder than it looks. It’s thinking about how to design components that work cross-culturally and localizing content that makes sense within a locale. Some of the principles that I defined include localization, network/data speeds, accessibility, and categorization of data visualization types.

Creating a brand that breaks barriers of language, culture, laws, and standards is harder than it looks. It’s thinking about how to design components that work cross-culturally and localizing content that makes sense within a locale. Some of the principles that I defined include localization, network/data speeds, accessibility, and categorization of data visualization types.

LOCALIZATION

When well-designed, data visualization can reveal subtleties in data that it’s not often communicated through text. This makes the case further where companies must prioritize to not only localize text but also data visualizations. (e.g. localized for Israeli market)

When well-designed, data visualization can reveal subtleties in data that it’s not often communicated through text. This makes the case further where companies must prioritize to not only localize text but also data visualizations. (e.g. localized for Israeli market)

ADAPTIVE LAYOUTS

As we design responsive layouts for web and mobile, we must also design data visualizations that adapt accordingly.

For instance, on web, EPA Range in Miles is displayed with the car model labels on the x-axis and kWh values on the y-axis. On mobile, car model labels are stacked with bars to save horizontal space.

As we design responsive layouts for web and mobile, we must also design data visualizations that adapt accordingly.

For instance, on web, EPA Range in Miles is displayed with the car model labels on the x-axis and kWh values on the y-axis. On mobile, car model labels are stacked with bars to save horizontal space.

ACCESSIBILITY

Extending data viz UI to the list of surfaces including Tesla Web and mobile app, I included options for users to customize their digital experience with different scrim treatments including dark and light mode themes.

Extending data viz UI to the list of surfaces including Tesla Web and mobile app, I included options for users to customize their digital experience with different scrim treatments including dark and light mode themes.

REFLECTION

Tesla, X, Neuralink, what’s next?

If you come across Tesla’s ecosystem of products and see data visualizations, I'd love to hear what you think and how you would reimagine clarity through data.

If you want to learn more about my work, let’s chat!

If you come across Tesla’s ecosystem of products and see data visualizations, I'd love to hear what you think and how you would reimagine clarity through data.

If you want to learn more about my work, let’s chat!

arrow_back

arrow_back