Stellantis Auto UI Design

x-Ray Branding & Chrome Extension

In class SI 311.150: Automotive UX, we are asked to tackle a design challenge that comes straight from leading global automaker -Stellantis: Design AI-enhanced In-Vehicle Infotainment system for Dodge EV chargers

x-Ray Commerce, a Dallas-Fort Worth startup, specializes in AI services to optimize e-commerce product listings, helping users stand out in competitive marketplaces.

The company recently pursued a major rebrand, from its identity to products like a Chrome extension, aiming for a logo that reflects its mission of delivering clarity and objective insights while expanding platform support to eBay and Poshmark.

As the design lead, I was responsible for the branding and collaborated with UX designers to launch the website. I enhanced the brand identity by creating style guidelines for digital marketing, including logo design, color palette, custom typography, image composition, scalability, and website UX, working closely with cross-functional teams to bring the vision to life.


Client

Stellantis

Shams Juma,

Dawn Law

Shams Juma,

Dawn Law

rOLE

UX Research

UX Design in a team of 2

Date

Oct - Dec 2024

Skills

Figma,

Photoshop

01

The Challenge

The Challenge

Designing system that improves safety and convenience by incorporating AI features

02

Solution Overview

We chose to design an AI-enhanced In-Vehicle Infotainment (IVI) system for Dodge EV chargers, tailored for the year 2030.

The system focuses on voice control, DriveAssist, and increased accessibility controls for UI. These features aim to ensure safety, enhance convenience, and provide a futuristic, intuitive interface that aligns with the Stellantis brand vision.

  • Voice Assistant

  • Drive Assistant

  • Accessibility Control

We chose to design an AI-enhanced In-Vehicle Infotainment (IVI) system for Dodge EV chargers, tailored for the year 2030.

The system focuses on voice control, DriveAssist, and increased accessibility controls for UI. These features aim to ensure safety, enhance convenience, and provide a futuristic, intuitive interface that aligns with the Stellantis brand vision.

  • Voice Assistant

  • Drive Assistant

  • Accessibility Control

The goal of this rebranding initiative is to create a modern, memorable, and tech-forward logo that reflects x-Ray's core values: empowerment, innovation, and success. The new logo should visually communicate x-Ray’s role as a supportive partner, helping businesses thrive amidst the complexities of the e-commerce landscape.

The original logo:

03

Inspiration & Styleguide

Inspiration & Styleguide

“It's a direct connection to the spirit of the past while powering this brand into tomorrow.” - Next Gen Charger

  • Minimalistic color and style choice.

  • Boxy edges to align with the muscular car outline.

  • Cyberpunk style connecting past with the future.

“It's a direct connection to the spirit of the past while powering this brand into tomorrow.” - Next Gen Charger

  • Minimalistic color and style choice.

  • Boxy edges to align with the muscular car outline.

  • Cyberpunk style connecting past with the future.

04

Key Features

Key Features

Let’s
Get In Touch

SIYUKATH

©

SIYU ZHONG

2024

Let’s
Get In Touch

©

SIYU ZHONG

2024

Let’s
Get In Touch

SIYUKATH

©

SIYU ZHONG

2024

Let’s
Get In Touch

SIYUKATH

©

SIYU ZHONG

2024