Maya Ketter

Fiat 500

UI Desktop / Mobile Project

Fiat

Ciao!

My task for this UI project was to create a responsive one-pager in both desktop & mobile versions.

My emotional connection to this car inspired me to choose Fiat 500 as the focal point for this project.

I wanted to capture the essence of the Fiat 500’s character through a thoughtful and intuitive user interface design, reflecting its timeless appeal and user-friendly nature.

Fiat 500 Front
Fiat 500 facing right

It's amore!

Fiat 500 holds a special place in my heart, and my love for this iconic car has only grown stronger over the years.
Buying my first (and second…) Fiat 500 has been an absolute dream come true for me!

I wanted to pay tribute to the car that has brought so much happiness into my life and share its magic with others through an engaging and delightful user experience.

Bellissima

As an enthusiast Fiat 500 fan, I also find myself drawn to the new electric version of this beloved car.

With its cutting-edge technology and eco-friendly nature, the electric Fiat 500 embodies the perfect blend of modern innovation and classic charm.

This electric version reinforced my choice to center my UI project around it, as it represents the future of sustainable mobility while preserving the iconic design elements that make the Fiat 500 so special.

It had to be nostalgic playful colorful

It had to be

nostalgic playful colorful

just like Fiat.

Fiat 500 Front
Fiat Overhead Shadow

Project Goals

Fun Microcopy

In keeping with the UI, I wanted the microcopy to be short, simple and fun, adding some Italian expressions on the way to make the users feel this classic car’s Italian vibe and convince them book a free test drive.

Brand Exposure

The landing page serves as a platform to briefly showcase the Fiat 500 model, its features and benefits. It aims to increase brand exposure and create a positive impression of the car in the minds of potential customers.

The page offers relevant information about the car, including its specifications, battery performance, colors and technology.

Test Drive Conversion (CTA)

The landing page aims to convert visitors into potential customers by offering them the opportunity to experience the new Fiat 500 through a free test drive.

The focus is on driving (mind the pun…) visitors to take immediate action and book a free test drive.

Mobile Responsiveness

With the increasing use of mobile devices, ensuring the landing page is mobile-responsive was crucial. I made sure the responsive version matches the desktop one by 100%.

This allows potential customers to access and book test drives on various devices.

Fiat Overhead Shadow

…and the new Fiat 500 one-pager was born.

Tools used:

Figma
Photoshop

So… what’s your

gelato

flavor?

View Figma Prototypes
Fiat 500 Mobile Splash Cropped

Grazie

Fiat 500 from Behind