Brining Personality to the Porsche

Overview

UX Design
Design Systems
Information Architecture

A visual exploration of the infotainment, cluster display, and UI kit for the Porsche brand. I aimed to achieve a luxury sport experience, utilizing sharp corner radiuses, wide design patterns, and high contrast colors. A high level of accessibility was maintained through large touch targets, and a flat information architecture that keeps the experience streamline.

ROLES

UI Designer

COLLABORATORS

No items found.

TOOLS USED

Figma

CONTRAINTS

13 inch IPad pro display

DURATION

1 month

01 Problem Statement

Despite a strong HMI experience, the Porsche interface lacks a sense of heritage in its visual identity

Porsche cluster design architecture and information is in my opinion one of the leading experiences of luxury performance. However, the monochromatic and technical minimalism leaves more Porsche flavor to be desired.

Inspired by the contrast between thick and thin circular lines in vintage automotive interiors, I begin to conceptualized a new visual identity that better captures the feeling of Porsche.

No items found.
02 ui kit

I designed a UI kit that achieves a balance of luxury, performance, and usability

How? Thin line work. Wide left and right paddings. Harmony between gold and rouge.

No items found.
03

With the new visual identity in place, I began to iterate and refine technical gauge designs.

I utilized the golden ratio principle throughout all my decisions to create subtle harmony everywhere: ratio between short and long lines, ratio between thick and thin lines, ratio between different gauges.

No items found.
04

...and continued to apply these design patterns into an infotainment architecture

No items found.
05

Before finally bringing it all together with alternate gauge cluster views.

No items found.
06

Enjoy the working prototype!

Take note of the component pressed states and general information architecture.

No items found.

Suggested Projects