Mitsubishi Motors.

Mitsubishi Motors.

Introduction

Mitsubishi Cars went through a global repositioning in 2021 and wanted to redesign and streamline their global and regional websites to bring them in-line with current best practice and the new positioning. I was involved as a lead creative and designer on the project to bring this vision to life.

Year

2021

Industry

Automotive

Scope of work

/

Design Systems

/

UI/UX

/

Product Design

Services

/

Strategy

/

Component Creation

/

Design-to-code

/

Maintenance

/

Visual Design

Timeline

4 months

Introduction

Mitsubishi Cars went through a global repositioning in 2021 and wanted to redesign and streamline their global and regional websites to bring them in-line with current best practice and the new positioning. I was involved as a lead creative and designer on the project to bring this vision to life.

Year

2021

Industry

Automotive

Scope of work

/

Design Systems

/

UI/UX

/

Product Design

Services

/

Strategy

/

Component Creation

/

Design-to-code

/

Maintenance

/

Visual Design

Timeline

4 months

0

480

variables

0

02

components

0

03

regional markets

0

04

design system

Home Featured

The Buzz

Build your own

10 years of innovation

The vision

The vision

We created unified design language that could scale across global markets while staying true to a single brand voice, spanning visual identity, motion principles, and component architecture giving regional teams a consistent, flexible foundation to build on without sacrificing brand integrity.

What I did:

Designed a scalable visual language spanning colour, typography, iconography, and imagery

Defined motion principles for consistent animation across digital touchpoints

Built a component-based design system to speed up delivery and reduce debt

Equipped regional teams with guidelines and assets for global consistency

non-Invertible.black.900

non-Invertible.black.900

non-Invertible.black.900

Red

non-Invertible.red.500

Red

non-Invertible.red.500

Red

non-Invertible.red.500

Metal Grey

non-Invertible.metal-grey.400

Metal Grey

non-Invertible.metal-grey.400

Metal Grey

non-Invertible.metal-grey.400

Mid Grey

non-Invertible.mid-grey.500

Mid Grey

non-Invertible.mid-grey.500

Mid Grey

non-Invertible.mid-grey.500

Light Grey

non-Invertible.light-grey.300

Light Grey

non-Invertible.light-grey.300

Light Grey

non-Invertible.light-grey.300

Off White

non-Invertible.off-white.100

Off White

non-Invertible.off-white.100

Off White

non-Invertible.off-white.100

Developing the system

Developing the system

Once the design principles and core concept was well-defined, we were able to create a site-wide UI system to house the many promotional variants that were needed.

A simple and minimal layout structure was created to suit every vehicle and environment.

Build your own

Featured vehicle

The results

The results

0%

Faster development time for new digital features

0%

Faster development time for new digital features

0%

Faster development time for new digital features

0%

Reduction in design and development costs

0%

Reduction in design and development costs

0%

Reduction in design and development costs

0%

WCAG 2.2 AA compliance across all platforms

0%

WCAG 2.2 AA compliance across all platforms

0%

WCAG 2.2 AA compliance across all platforms

0%

Decrease in UI/UX-related development bugs

0%

Decrease in UI/UX-related development bugs

0%

Decrease in UI/UX-related development bugs

*Calculations are based on 1 month of stress testing production on time-recorded tasks

Final thoughts

Final thoughts

The Mitsubishi Motors project allowed me to really explore design and motion as part of the overall system concept.

It was a great project to be involved with and lead.

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis