MINA MAAZI
03 · SERVICE DESIGN / UX / UI

AID OF
SAIPA

Designing Saipa’s roadside assistance experience across customers and field providers.

Saipa Roadside Assistance sits within the service ecosystem of SAIPA, one of Iran’s major automotive groups. I worked on the client project at Behpardaz Jahan, designing across both sides of the digital service: the customer requesting help and the field provider managing that request on the road.

RoleUX/UI Designer
CompanyBehpardaz Jahan · Enterprise technology partner
ClientSaipa Roadside Assistance
MarketIran
Year2021
StatusShipped
CUSTOMER · REQUESTING HELP
FIELD PROVIDER · RESPONDING
Original Persian RTL customer home screen
Provider active-job home interface
01 · THE SERVICE

One roadside request moved through two experiences.

The product connected a customer-facing journey with the operational workspace of the people delivering assistance in the field.

CUSTOMERNeeds help
  • Choose assistance
  • Share location
  • Provide request details
  • Follow the request
SERVICECoordinates
  • Request created
  • Location communicated
  • Job state changes
  • Service progresses
FIELD PROVIDERResponds
  • See the request
  • Review location
  • Navigate
  • Manage job status
02 · MY SCOPE

Designing across both sides of the service.

I worked on the UX and UI of the customer and service-provider experiences, translating service requirements into flows and interfaces across the roadside-assistance journey.

CUSTOMER EXPERIENCE

Requesting assistance

Assistance requests · location · vehicle information · request status · supporting services

FIELD OPERATIONS

Managing active work

Request information · location & navigation · job states · availability · operational actions

WEB EXPERIENCE

A supporting web experience extended the service beyond mobile.

The service also included a desktop web experience focused on information, service access and supporting customer tasks alongside the mobile product.

Saipa Roadside Assistance desktop web experience in Persian
Saipa Roadside Assistance web experience · Desktop · Persian / RTL
03 · DESIGN ITERATIONS

The home experience went through multiple directions.

I explored different ways of balancing vehicle information, location, service access and the primary assistance action before arriving at the final structure.

Eight original Saipa customer home-screen design iterations from Figma
Selected home-screen explorations · Original design iterations from the Figma file
04 · CUSTOMER

From needing help to sending a request.

The customer experience moved key parts of roadside assistance into a digital journey: choosing the service, communicating location and providing the information needed to send the request.

Saipa customer home interface
Original production design · Persian / RTL
THE STARTING POINT

The home screen brought the vehicle, location and assistance services into one place.

The interface was designed for the Iranian market and kept in its original Persian RTL form here rather than being recreated in English for the portfolio.

CUSTOMER DESIGN FILECustomer roadside assistance screens from the original Figma file
Customer assistance screens · Original Figma design file
CUSTOMER USER FLOW
HomeStart from the customer dashboard
Choose assistanceSelect the required roadside service
Set locationShare where assistance is needed
Request detailsProvide the information needed for the job
Submit requestSend the roadside-assistance request
Follow statusReturn to the request and track progress
Manage requestReview details or cancel when needed
Request closedThe active request leaves the customer journey
AFTER THE REQUEST

The request stayed manageable after submission.

Customers could return to an existing request instead of starting again, with access to its details, current status and cancellation when needed.

01 · RETURNOpen an existing roadside-assistance request from the request history.
02 · FOLLOWReview request details and follow the current service status.
03 · MANAGECancel the request when necessary without restarting the journey.
05 · FIELD PROVIDER

Managing the job beyond a single screen.

The provider experience combined active roadside requests with the operational tools needed around them, including communication and shift availability.

FIELD-PROVIDER DESIGN FILEField-provider screens showing request states, chat and shift management from the original Figma file
Field-provider screens · Original Figma design file
FIELD-PROVIDER USER FLOW
Set availabilityChoose available work days and time slots
Receive requestA roadside-assistance job appears in the workspace
Review jobSee requester, service and location information
Confirm requestMove the job into the active state
Navigate & updateUse routing and keep the job status current
Complete / returnFinish the job and return to no active request
ChatCommunicate from the provider app around active work
Shift managementUpdate available days and working hours as needed
STATE-BASED WORKSPACE

One workspace, three job states.

The request control changes with the current job state: red before confirmation, green while the job is in progress, and grey when there is no active request.

Provider home state before request confirmation
NOT CONFIRMEDRequest details are visible before the job is confirmed.
Provider home state while a request is in progress
IN PROGRESSThe active-job state keeps location and service actions available.
Provider home state with no active request
NO ACTIVE REQUESTThe same workspace returns to its neutral state between jobs.
06 · VISUAL LANGUAGE

Some services needed their own symbols.

Alongside standard library icons, I designed and customised selected service-specific icons for roadside-assistance actions that needed clearer, more recognisable representation.

Vehicle Recovery
Vehicle Recovery
Tyre Service
Tyre Service
Fuel Assistance
Fuel Assistance
Roadside Towing
Roadside Towing
Garage Service
Garage Service
07 · RELEASED

From Figma to a public product.

The work shipped as part of Saipa Roadside Assistance’s digital service. Store listings captured after release provide public evidence of the product’s reach.

100K+Cafe Bazaar installations
50K+Google Play downloads

Platform listing counts shown separately — not combined unique users.

Original Persian Saipa product campaign poster
ORIGINAL PRODUCT MATERIAL

App installation and onboarding guide.

The original Persian promotional material is preserved here as release evidence, including its original QR codes.

Designing both the customer and provider experiences made Saipa a service-design problem as much as an interface-design one.