# Pirelli App

> Buying tires should feel as confident as driving on them.

- **Case study by**: [Mohamed Amin](https://aminuix.com)
- **Date**: Jan 1, 2025
- **Tags**: Automotive, E-commerce app
- **Role**: Lead UI/UX Designer
- **Timeline**: 2 weeks
- **Team**: Pimula Agency
- **Platform**: Mobile app
- **View full case**: https://drive.google.com/drive/folders/1T1po2jnltl-3SDPLPDl_LRwYnqVFmSxx?usp=drive_link

![Pirelli App: e-commerce mobile app UI/UX design by Mohamed Amin](https://aminuix.com/api/media/file/pirelli-cover-hq-1600x1200.webp)

## The Real Problem

Pirelli is a renowned Italian tire manufacturer, founded in 1872 and known for high-performance tires for cars, motorcycles and bicycles, with a strong presence in motorsport. But buying tires is rarely a pleasure: people struggle to know which tire fits their car, whether it is in stock and where the nearest trusted dealer is.

The goal was a shopping app that makes it effortless to discover, shop and save, all at your fingertips. This e-commerce mobile app UI/UX design had to feel as premium as the brand and as simple as any everyday shopping app.

![Pirelli App e-commerce mobile app UI/UX design: the real problem](https://aminuix.com/api/media/file/pirelli-shot-01-hq.webp)

## Finding the Fix

I focused the app on three moments where shoppers lose confidence:

- **Product discovery.** Product pages that put the features that matter first, so people understand a tire before they buy it.
- **Stock discovery.** A catalogue that is easy to browse and check every day, with new items and offers up front.
- **Location services.** A store finder with directions, ratings and travel time to the nearest dealer.

![Pirelli App e-commerce mobile app UI/UX design: finding the fix](https://aminuix.com/api/media/file/pirelli-shot-02-hq.webp)

## Mapping the Journey

Before any visuals I mapped the user flow, the step-by-step journey from sign-up and login to the home page, then into products, a single product and checkout, plus insurance, the catalogue, promotions, offers, news and the location service. Low-fidelity wireframes followed, so the structure was agreed before the styling started.

Sign-in got special attention, because life is too short to be wasted on sign-ins: log in with a phone number, recover a password with a code, or create an account in one short screen.

![Pirelli App e-commerce mobile app UI/UX design: mapping the journey](https://aminuix.com/api/media/file/pirelli-shot-03-hq.webp)

## What I Designed

- **Home.** Featured offers, on-road emergency help, the tire catalogue and insurance, all one tap away.
- **Product.** A clear tire page with the numbers shoppers compare: wet and dry grip, mileage and sporty driving.
- **Catalogue.** Collections like Prestige, Classic and Motorcycle, with P Zero tires tailored to your car.
- **Location.** Nearby stores on a map with ratings, opening status, travel time and directions.

![Pirelli App e-commerce mobile app UI/UX design: what i designed](https://aminuix.com/api/media/file/pirelli-shot-04-hq.webp)

## The Visual System

Gotham carries the brand's confident voice, on a palette of Pirelli's Safety Yellow (#F1D602), Red Pigment (#ED1C24) and Eerie Black (#1B1D1B). The dark interface lets the tires and the yellow accents do the talking, just like Pirelli's motorsport identity.

![Pirelli App e-commerce mobile app UI/UX design: the visual system](https://aminuix.com/api/media/file/pirelli-shot-05-hq.webp)

## What I Had to Work With

Two weeks, one designer and more than 24 screens, directed by Pimula on a really tight deadline. That meant mapping the flow and agreeing on wireframes early, then reusing one set of components across every screen, so the time went into the experience rather than redrawing the same parts.

![Pirelli App e-commerce mobile app UI/UX design: what i had to work with](https://aminuix.com/api/media/file/pirelli-shot-06-hq.webp)

Next project: [Stanly Egypt](https://aminuix.com/case-study/stanly-egypt-travel-agency)