JEEP

JEEP

Jeep Digital Redesign

Jeep Digital Redesign

Jeep Digital Redesign

A redesign of Jeep’s digital interfaces (cluster & infotainment system) to create a more intuitive and modern driving experience.

Visual Designer, UX Designer

1 Month

Solo

Figma

START START START START START START

Overview

Redesigning Wrangler’s Digital Interfaces 🚗

by addressing key pain points and introducing a youthful, modern energy—

while thoughtfully refining interactions within Jeep’s established brand identity.

Research

▪ BRAND IDENTITY

American brand, now owned by multi-national corporation Stellantis.
Founded: 1941
Known for:

  • Iconic off-road vehicles

  • Military roots (originated from WWII vehicles)

Personality

  • Rugged

  • Adventurous

  • Off-road capable

Research

  • Assess current website 

  • Analyze & compare similar websites

  • Usability testing

  • Interviews

Voice

  • Confident

  • Tough

  • Heritage-rich

  • Confident

  • Tough

  • Heritage-rich

Values

  • Freedom

  • Adventure

  • Authenticity

  • Usability tests 

  • Preferences tests

▪ FRICTION POINTS

  1. Weak Brand Expression

  • Digital interfaces feel outdated



  • Physical controls limit flexible brand expression across different gauge styles and driver needs

  • Cluster and ICS lack visual harmony, weakening brand identity

  1. Confusing User Interface

  • Inconsistent visual design between the cluster and infotainment system (iconography, color, layout)

  • Overly layered navigation makes it hard to access key features (e.g. off-road pages)

Design

▪ UI KIT

Setting up the foundation…

As a first step, I established the display configuration, grid system, and content layout for both the cluster and ICS to create a strong foundation for the design.

Then, I created a UI kit and design system for the redesign, refining them through multiple iterations. The first version lacked full integration of Jeep’s brand identity, while later iterations explored using Jeep’s signature orange, a more consistent icon style, and a cohesive system that unified the look and feel across screens.

1st Version

Final Version

▪ DESIGN DEVELOPMENT

For the cluster redesign, I explored different gauge layouts and chose two: a Standard Gauge Layout as the default for normal driving, and a Dynamic Gauge Layout as an alternate view that highlights richer center content.

Cluster

For the gauge design, I explored different gradients, strokes, and styles to match the feel of the new redesign. I also tested various cluster shapes to ensure there was enough space to consistently display all necessary content.

Gauge Iteration

Final Design

▪ DESIGN DECISION

Cluster 💡

ICS 💡

▪ FINAL PRESENTATION

Before Changes

After

THE END THE END THE END THE END YAY

Reflection

LESSONS ☁️

This project was a great chance to dive into automotive UX and see how design adapts to different contexts and user expectations. I learned how small details can dramatically impact quality and brand feel—especially in gauge design, where precision and brand alignment are critical. I also gained a better sense of balancing brand colors to keep the design unique without defaulting to grayscale.

CHALLENGES ⛈️

I had full freedom on this project, which meant identifying friction points and crafting solutions from scratch. While ambiguity is often tough for me, this became a valuable exercise in embracing uncertainty, staying creative, and being proactive.

IMPROVEMENTS ☀️

Given how many layers there are to automotive experiences, my next step would be exploring more screens and interactions to build on this foundation and deepen my understanding.

Design

UI KIT

Setting up the foundation…

As a first step, I established the display configuration, grid system, and content layout for both the cluster and ICS to create a strong foundation for the design.

Then, I created a UI kit and design system for the redesign, refining them through multiple iterations. The first version lacked full integration of Jeep’s brand identity, while later iterations explored using Jeep’s signature orange, a more consistent icon style, and a cohesive system that unified the look and feel across screens.

1st Version

Final Version

DESIGN DEVELOPMENT

For the cluster redesign, I explored different gauge layouts and chose two: a Standard Gauge Layout as the default for normal driving, and a Dynamic Gauge Layout as an alternate view that highlights richer center content.

Cluster

For the gauge design, I explored different gradients, strokes, and styles to match the feel of the new redesign. I also tested various cluster shapes to ensure there was enough space to consistently display all necessary content.

Gauge Iteration

Design

UI KIT

Setting up the foundation…

As a first step, I established the display configuration, grid system, and content layout for both the cluster and ICS to create a strong foundation for the design.

Then, I created a UI kit and design system for the redesign, refining them through multiple iterations. The first version lacked full integration of Jeep’s brand identity, while later iterations explored using Jeep’s signature orange, a more consistent icon style, and a cohesive system that unified the look and feel across screens.

1st Version

Final Version

DESIGN DEVELOPMENT

For the cluster redesign, I explored different gauge layouts and chose two: a Standard Gauge Layout as the default for normal driving, and a Dynamic Gauge Layout as an alternate view that highlights richer center content.

Cluster

For the gauge design, I explored different gradients, strokes, and styles to match the feel of the new redesign. I also tested various cluster shapes to ensure there was enough space to consistently display all necessary content.

Gauge Iteration

Hey there

Thanks for reading ☺

Check out my other projects!

Hey there

Thanks for reading ☺

Check out my other projects!

Hey there

Thanks for reading ☺

Check out my other projects!

No H1 elements found. Showing placeholder content.