Sameer.
Get in touch
All projects
LogisticsDriver appMobileRTL / multilingualProof of delivery

HaulPath

A mobile app for truck drivers at HaulPath Logistics - complete assigned trips, capture proof of delivery, track task progress, and see earnings, in a simple interface built for multilingual, low-literacy users.

BehanceFigma
HaulPath interface
Role
Product Designer - research, UX flows, wireframes, and final UI design.
Timeline
2 Weeks - Research → Wireframes → High-Fidelity UI → Prototype
Team
Solo designer, with the operations team as stakeholders
Platform
Driver mobile app - multilingual (Arabic, English, Urdu), RTL.
Tools
Figma, Gemini 3.1 Pro, ChatGPT, Google Sheets

My contributionOwned research, UX flows, wireframes and the final high-fidelity UI for a driver app built for multilingual, low-literacy users.

01

Project Purpose

HaulPath is a mobile app designed for truck drivers working for HaulPath Logistics. The app helps drivers complete their assigned trips, capture proof of delivery, track task progress, and see their earnings, all in a simple, easy-to-use interface for multilingual, low-literacy users.

02

Problem Context

Dependency on DispatchDrivers frequently call dispatch for trip instructions, which causes delays and operational inefficiency.
Payment TransparencyDrivers have limited visibility into their earnings and payout schedules, creating confusion and mistrust.
Lack of Future Trip VisibilityDrivers cannot see upcoming tasks, which makes planning difficult.
03

Users & Stakeholders

Primary users - truck drivers

MultilingualArabic, English, Urdu, and others.
Low digital literacyRequires highly intuitive and simple interfaces.
Night operationsMostly operate overnight trips.
Core motivationsCompleting tasks efficiently and earning money.

Stakeholders

Operations teamResponsible for assigning tasks and verifying delivery completion.
ManagementFocused on tracking overall performance, efficiency metrics, and driver payments.
04

Current Workflow

How tasks are currently handled

  1. Drivers receive assignments via phone or message
  2. Arrival confirmation is manual via calls
  3. Payments are tracked separately by the operations team
  4. No in-app visibility for tasks or earnings

Pain points

  1. Drivers rely heavily on phone communication
  2. Payment and trip transparency is limited
  3. Trip progress and completion aren't visible
05

Design Goals

  1. Reduce driver dependency on dispatch
  2. Make earnings and tasks transparent
  3. Simplify task completion, even for low-literacy users
  4. Support multiple languages
06

Product Strategy

Core modules

Today's TripView assigned trips for the day.
Task ProgressTrack each stop and delivery.
Arrival Confirmation & ProofMark arrival and upload delivery photo.
EarningsSee task-based commissions and payout schedule.
Upcoming TripsPreview future tasks.

Design principles

  1. Simplicity over complexity
  2. High contrast and large tap targets
  3. Visual instructions + minimal text for multilingual support
07

User Journey Map

Visualizing the captain's day from logging in at the warehouse to completing their final delivery.

HaulPath user journey map
08

Information Architecture

Restructuring the app to ensure essential features are accessible within a single tap.

HaulPath information architecture
09

Wireframes

Early explorations focusing on layout, hierarchy, and minimizing the steps required for core delivery actions.

HaulPath wireframes
10

Design System

Typography: Figtree & Noto Naskh Arabic.

Today's TripScreen / Section Title24-28px / 32-36px LH · Bold 700
Capture PhotoPrimary Button / CTA18-20px / 24px LH · Medium 500
Deliver to Front DoorTask Item / List16-18px / 22px LH · Medium 500
Tap to upload proof of deliverySecondary / Helper Text14-16px / 20px LH · Regular 400
Route #420 - 45 StopsVery Small Text / Labels12-14px / 18px LH · Regular 400
Primary MainOrange#D35400
Primary DarkBurnt Orange#A03A00
Primary LightPale Peach#FDE8D3
Primary TextCharcoal#111827
SecondaryGray#6B7280
LightLight Gray#E5E7EB
SuccessGreen#16A34A
WarningAmber#F59E0B
ErrorRed#DC2626
11

Feature Highlights

High-fidelity UI, shown in English and Arabic (RTL).

Language Selection
Language SelectionDrivers choose their preferred language from the top options (Arabic, English, Urdu) or select “More Languages” for additional options.
Home Screen
Home ScreenShows the route, number of stops, today's earnings, and status for each destination.
Arrival & Photo Proof
Arrival & Photo ProofDrivers tap “Arrived,” the camera opens with a visual overlay and icon instructions showing the required photo frame (truck + open back + warehouse).
Earnings Screen
Earnings ScreenDisplays completed tasks, commissions earned, and payout schedule.
Upcoming Trips
Upcoming TripsShows future assignments and expected earnings.
12

Edge Cases & Considerations

Offline modePhotos stored locally and uploaded when network is available.
Nighttime visibilityHigh contrast, large font, optional flash for photos.
Language switchingAccessible in profile at any time.
13

Outcomes & Impact

(Expected / Hypothetical)

  1. Reduced calls to dispatch by providing task instructions in-app
  2. Improved transparency in earnings
  3. Clear, step-by-step journey for drivers, reducing errors
  4. Multilingual support improves usability across the fleet
14

Key Learnings

  1. Multilingual accessibility is crucial for low-literacy users
  2. Visual instructions outperform text-heavy instructions
  3. Simple, high-contrast color palettes improve readability in mobile logistics apps
  4. Step-by-step task flow reduces operational dependency
15

Business Goals

HaulPath Logistics operates a large fleet of drivers across Saudi Arabia. The company relies heavily on manual coordination between drivers and the operations team. The goal of this project was to digitize key parts of the driver workflow to improve operational efficiency and transparency.

1. Reduce operational dependency on dispatch

ProblemDrivers frequently contact the operations team for trip instructions and arrival confirmation.

GoalReduce driver-dispatch communication by providing trip instructions and task tracking directly within the app.

Expected impactLower operational workload and faster coordination between drivers and warehouses.

2. Improve delivery verification and accountability

ProblemArrival confirmation currently happens through calls or messages, which can lead to inconsistencies.

GoalIntroduce a proof-of-delivery system where drivers upload a photo showing the truck and warehouse during arrival.

Expected impactMore reliable delivery verification and better operational records.

3. Increase driver productivity

ProblemDrivers often lack visibility into their tasks and next destinations, which slows down the workflow.

GoalProvide a clear step-by-step trip flow so drivers always know their current task and next destination.

Expected impactFaster trip completion and fewer operational errors.

4. Improve payment transparency for drivers

ProblemDrivers currently rely on manual updates to know how much they have earned.

GoalProvide real-time visibility into completed tasks, commissions earned, and upcoming payouts.

Expected impactReduce payment-related inquiries and improve driver trust.

5. Support a diverse driver workforce

ProblemHaulPath drivers come from multiple countries and may have limited technical literacy.

GoalDesign a multilingual interface that prioritizes simple interactions and visual instructions.

Expected impactFaster onboarding and fewer usability issues across different driver groups.

Expected business outcomes

  1. Reduce dispatch-related calls from drivers
  2. Improve delivery verification through photo proof capture
  3. Increase driver efficiency through clearer task guidance
  4. Reduce payment-related inquiries from drivers
  5. Enable better operational visibility through digital trip tracking
16

Success Metrics (KPIs)

To measure the impact of the HaulPath app, the following key performance indicators were defined. These metrics focus on operational efficiency, driver productivity, and transparency.

1. Dispatch Communication Reduction

ProblemDrivers frequently call the operations team for trip instructions and arrival confirmation.

MetricNumber of driver calls to dispatch per trip.

Success targetReduce driver-dispatch calls by 30-40% after implementing in-app task visibility and arrival confirmation.

Why it mattersReducing operational interruptions allows dispatch teams to manage more drivers efficiently.

2. Delivery Verification Rate

ProblemArrival confirmation currently relies on manual communication, which lacks consistent proof.

MetricPercentage of completed deliveries with photo proof uploaded.

Success targetAchieve 90-100% proof-of-delivery capture through mandatory photo uploads.

Why it mattersImproves accountability and reduces disputes regarding delivery completion.

3. Task Completion Efficiency

ProblemDrivers sometimes lack clarity about their next destination or task sequence.

MetricAverage time taken to complete a multi-stop trip.

Success targetImprove trip completion efficiency by 10-15% through clearer navigation and task guidance.

Why it mattersEven small efficiency gains can significantly impact large-scale logistics operations.

4. Payment Transparency

ProblemDrivers often contact operations to confirm their earnings or payout schedule.

MetricNumber of payment-related inquiries from drivers.

Success targetReduce payment inquiries by 25-30% by providing clear earnings and payout visibility in the app.

Why it mattersImproves driver trust and reduces operational workload.

5. Driver Adoption Rate

ProblemDrivers may have limited experience with digital tools.

MetricPercentage of drivers actively using the app for trip tracking and arrival confirmation.

Success targetAchieve 80-90% adoption within the first few months of rollout.

Why it mattersHigh adoption ensures operational processes can fully transition from manual coordination to digital workflows.

Back to

All projects