Emirates Roadside Assistance

Case Study · Mobile App · iOS & Android

My Role
My Role

Lead Product Designer

Lead Product Designer

Client
Client

Emirates Roadside Assistance

Emirates Roadside Assistance

Type
Type

End to end UX/UI design

End to end UX/UI design

Timeline
Timeline

Launched 2021

Launched 2021

  • Strategy

  • Research

  • UX/UI design

  • Design systems

Overview

Designing a complete roadside assistance experience from scratch.

I led the end to end design of a mobile app that helps drivers request roadside assistance, arrange their journey, and track their assigned vehicle in real time.

RoleLead Product Designer
ScopeEnd to end UX/UI design
PlatformsiOS and Android
LanguagesArabic and English
Launched2021
01The challenge

When a car breaks down, drivers need more than a repair.

Jump-start
Towing
Off-road recovery
A ride to a destination
One mobile experienceRequest the right service and know what happens next.
02User research

Understanding what drivers need when things go wrong.

0existing customers interviewedAll of them had contacted the company by phone before.
What we asked about
01What people needed most when their vehicle broke down
02What made the situation difficult
03What information mattered while waiting for help
SpeedGetting the right help without unnecessary delays.
→Clear service selection
CostKnowing how much it costs before confirming a request.
→Upfront pricing
VisibilityKnowing where the vehicle is and when it will arrive.
→Real-time vehicle tracking
Key insightPeople need to know where help is and when it will arrive.
03My role

From the first interaction to the final destination.

01Service selection
02Booking
03Payment
04Live tracking
I led the product design end to end
The operational logic behind the service, considered at every step
Towing Services on a phone
Screenshot placeholderAdd the Arabic version of the home screen, to show the app works in both languages.
04The user journey

One connected flow, from request to arrival.

The driver
Step 01Choose the service
Step 02Set pickup and drop-off
Step 03Review the estimated cost
Step 04Select payment
Step 05Confirm the request
The system
AutomaticAssign the nearest available driver
AutomaticShow the route on a map
AutomaticUpdate the arrival time live
05Key design decisions

Making every step easier to understand.

Home with service cards
01

Visual service selection

Service cards with images and clear names help people recognise the service they need.

Request towing with pickup and drop-off
02

Flexible pickup and drop-off

Use your current location or pick another point, then choose a destination such as home or a service center.

Request summary with the total before confirming
03

Transparent pricing and payment

The estimated cost is shown before you confirm. Pay by card, or choose cash after the trip.

Live tracking with the truck on the map and arrival time
04

Live tracking and arrival updates

Once a driver is assigned, follow the vehicle on a map, see its route and watch the arrival time update.

4.2 km
6.8 km
Assigned · 1.3 km
5.1 km
7.4 km
Request
Illustration: the nearest available driver gets the request
05

Automatic driver assignment

Behind the interface, each request goes to the nearest available driver, connecting the app to dispatch.

Beyond the first request

Easier to come back to.

My Vehicles with saved cars
Saved vehicles

Vehicle details are reused, so a repeat request doesn't start from scratch.

FAQs and branches

Support answers and branch locations live inside the app.

Rate every job

After each job, people rate the service and share feedback.

06The experience in action

Less uncertainty while waiting for help.

Screenshot placeholderAdd a journey strip: service, request, checkout, tracking and rating screens side by side.
Request the right help
Understand the cost
See exactly where help is
07Design impact

A connected experience, built around a real need.

Service selectionBookingPaymentDriver trackingOne journey in one app, from requesting assistance to following the vehicle's arrival.
0+Fleet trucks
0Rescue services
0/7Service availability
0★App Store rating in the UAE

These figures describe the service the app supports, not measured results of the design.

What I took away

Can someone who needs help understand what to do, complete the request, and know what happens next, without having to think too hard about the app?

Thank you

Emirates Roadside Assistance

Case Study · Mobile App · iOS & Android

My Role
My Role

Lead Product Designer

Lead Product Designer

Client
Client

Emirates Roadside Assistance

Emirates Roadside Assistance

Type
Type

End to end UX/UI design

End to end UX/UI design

Timeline
Timeline

Launched 2021

Launched 2021

  • Strategy

  • Research

  • UX/UI design

  • Design systems

Overview

Designing a complete roadside assistance experience from scratch.

I led the end to end design of a mobile app that helps drivers request roadside assistance, arrange their journey, and track their assigned vehicle in real time.

RoleLead Product Designer
ScopeEnd to end UX/UI design
PlatformsiOS and Android
LanguagesArabic and English
Launched2021
01The challenge

When a car breaks down, drivers need more than a repair.

Jump-start
Towing
Off-road recovery
A ride to a destination
One mobile experienceRequest the right service and know what happens next.
02User research

Understanding what drivers need when things go wrong.

0existing customers interviewedAll of them had contacted the company by phone before.
What we asked about
01What people needed most when their vehicle broke down
02What made the situation difficult
03What information mattered while waiting for help
SpeedGetting the right help without unnecessary delays.
→Clear service selection
CostKnowing how much it costs before confirming a request.
→Upfront pricing
VisibilityKnowing where the vehicle is and when it will arrive.
→Real-time vehicle tracking
Key insightPeople need to know where help is and when it will arrive.
03My role

From the first interaction to the final destination.

01Service selection
02Booking
03Payment
04Live tracking
I led the product design end to end
The operational logic behind the service, considered at every step
Towing Services on a phone
Screenshot placeholderAdd the Arabic version of the home screen, to show the app works in both languages.
04The user journey

One connected flow, from request to arrival.

The driver
Step 01Choose the service
Step 02Set pickup and drop-off
Step 03Review the estimated cost
Step 04Select payment
Step 05Confirm the request
The system
AutomaticAssign the nearest available driver
AutomaticShow the route on a map
AutomaticUpdate the arrival time live
05Key design decisions

Making every step easier to understand.

Home with service cards
01

Visual service selection

Service cards with images and clear names help people recognise the service they need.

Request towing with pickup and drop-off
02

Flexible pickup and drop-off

Use your current location or pick another point, then choose a destination such as home or a service center.

Request summary with the total before confirming
03

Transparent pricing and payment

The estimated cost is shown before you confirm. Pay by card, or choose cash after the trip.

Live tracking with the truck on the map and arrival time
04

Live tracking and arrival updates

Once a driver is assigned, follow the vehicle on a map, see its route and watch the arrival time update.

4.2 km
6.8 km
Assigned · 1.3 km
5.1 km
7.4 km
Request
Illustration: the nearest available driver gets the request
05

Automatic driver assignment

Behind the interface, each request goes to the nearest available driver, connecting the app to dispatch.

Beyond the first request

Easier to come back to.

My Vehicles with saved cars
Saved vehicles

Vehicle details are reused, so a repeat request doesn't start from scratch.

FAQs and branches

Support answers and branch locations live inside the app.

Rate every job

After each job, people rate the service and share feedback.

06The experience in action

Less uncertainty while waiting for help.

Screenshot placeholderAdd a journey strip: service, request, checkout, tracking and rating screens side by side.
Request the right help
Understand the cost
See exactly where help is
07Design impact

A connected experience, built around a real need.

Service selectionBookingPaymentDriver trackingOne journey in one app, from requesting assistance to following the vehicle's arrival.
0+Fleet trucks
0Rescue services
0/7Service availability
0★App Store rating in the UAE

These figures describe the service the app supports, not measured results of the design.

What I took away

Can someone who needs help understand what to do, complete the request, and know what happens next, without having to think too hard about the app?

Thank you
Menu

Emirates Roadside Assistance

Case Study · Mobile App · iOS & Android

My Role
My Role

Lead Product Designer

Lead Product Designer

Client
Client

Emirates Roadside Assistance

Emirates Roadside Assistance

Type
Type

End to end UX/UI design

End to end UX/UI design

Timeline
Timeline

Launched 2021

Launched 2021

  • Strategy

  • Research

  • UX/UI design

  • Design systems

Overview

Designing a complete roadside assistance experience from scratch.

I led the end to end design of a mobile app that helps drivers request roadside assistance, arrange their journey, and track their assigned vehicle in real time.

RoleLead Product Designer
ScopeEnd to end UX/UI design
PlatformsiOS and Android
LanguagesArabic and English
Launched2021
01The challenge

When a car breaks down, drivers need more than a repair.

Jump-start
Towing
Off-road recovery
A ride to a destination
One mobile experienceRequest the right service and know what happens next.
02User research

Understanding what drivers need when things go wrong.

0existing customers interviewedAll of them had contacted the company by phone before.
What we asked about
01What people needed most when their vehicle broke down
02What made the situation difficult
03What information mattered while waiting for help
SpeedGetting the right help without unnecessary delays.
→Clear service selection
CostKnowing how much it costs before confirming a request.
→Upfront pricing
VisibilityKnowing where the vehicle is and when it will arrive.
→Real-time vehicle tracking
Key insightPeople need to know where help is and when it will arrive.
03My role

From the first interaction to the final destination.

01Service selection
02Booking
03Payment
04Live tracking
I led the product design end to end
The operational logic behind the service, considered at every step
Towing Services on a phone
Screenshot placeholderAdd the Arabic version of the home screen, to show the app works in both languages.
04The user journey

One connected flow, from request to arrival.

The driver
Step 01Choose the service
Step 02Set pickup and drop-off
Step 03Review the estimated cost
Step 04Select payment
Step 05Confirm the request
The system
AutomaticAssign the nearest available driver
AutomaticShow the route on a map
AutomaticUpdate the arrival time live
05Key design decisions

Making every step easier to understand.

Home with service cards
01

Visual service selection

Service cards with images and clear names help people recognise the service they need.

Request towing with pickup and drop-off
02

Flexible pickup and drop-off

Use your current location or pick another point, then choose a destination such as home or a service center.

Request summary with the total before confirming
03

Transparent pricing and payment

The estimated cost is shown before you confirm. Pay by card, or choose cash after the trip.

Live tracking with the truck on the map and arrival time
04

Live tracking and arrival updates

Once a driver is assigned, follow the vehicle on a map, see its route and watch the arrival time update.

4.2 km
6.8 km
Assigned · 1.3 km
5.1 km
7.4 km
Request
Illustration: the nearest available driver gets the request
05

Automatic driver assignment

Behind the interface, each request goes to the nearest available driver, connecting the app to dispatch.

Beyond the first request

Easier to come back to.

My Vehicles with saved cars
Saved vehicles

Vehicle details are reused, so a repeat request doesn't start from scratch.

FAQs and branches

Support answers and branch locations live inside the app.

Rate every job

After each job, people rate the service and share feedback.

06The experience in action

Less uncertainty while waiting for help.

Screenshot placeholderAdd a journey strip: service, request, checkout, tracking and rating screens side by side.
Request the right help
Understand the cost
See exactly where help is
07Design impact

A connected experience, built around a real need.

Service selectionBookingPaymentDriver trackingOne journey in one app, from requesting assistance to following the vehicle's arrival.
0+Fleet trucks
0Rescue services
0/7Service availability
0★App Store rating in the UAE

These figures describe the service the app supports, not measured results of the design.

What I took away

Can someone who needs help understand what to do, complete the request, and know what happens next, without having to think too hard about the app?

Thank you