Jeep Digital Redesign

JEEP

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

my role.

Visual Designer
UX Designer

tools.

Figma

duration.

1 month, 2025

The Overview

The Design Brief

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.

The Research

Brand Identity

Friction Points

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)

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

2. 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)

The Design

UI Kit

Design Development

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.

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.

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.

The Final Design

Design Decision

Final Presentation

Design Decision

Cluster 💡

ICS 💡

Final Presentation

Before

After

The 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.