ROLE
Senior UI/UX Designer
SCOPE
Defining Scope, IA, Client Communication
INDUSTRY
Electric Mobility & Logistics
TIMELINE
3 Weeks
A concept app that manages the complete truck journey, from trip initiation and gate-out to charging stops, delivery and gate-in, with connected workflows for drivers, fleet operators and stakeholders.
1 ecosystem. 3 touchpoints.
A long haul electric truck is moving, but the driver, the fleet admin and the stakeholder each see a different slice of the trip.
I designed three touchpoints to manage the logistics journey.
Problem Statement
When a consignment travels across long distances, drivers, fleet operators, and logistics teams need visibility into different stages of the journey.
Fleet teams couldn’t answer three basic questions mid trip: where is the truck, where will it charge, and what proof do we have of what happened. Each question became a design requirement.
Client's Concers
Problem derived from it
“Where exactly is my truck, and how is the trip progressing?”
Limited trip visibility
“Where can the driver charge along the route?”
Charging information isn't sufficiently integrated into the journey
“How do we know what happened during the trip?”
Trip records are captured across multiple stages and need to be connected
“How can everyone stay updated?”
Information needs to be shared across drivers, fleet administrators, and consignment stakeholders
Competitive Analysis
-
Logistics
→ Similar logistics platforms existed, but access was unavailable.
→ Designed the experience from scratch using client requirements, and operational assumptions.
EV Charging
→ Reviewed Jio-bp, Tata Power EZ Charge, Statiq and Bolt.Earth.
→ Studied station discovery, map interfaces and charging workflows to define Haulo's charging experience.
Defining the Scope
The initial brief didn't come with a detailed feature list. I translated the key operational concerns into a set of product requirements, mapping what each user needed to do across the admin panel, driver app, and stakeholder portal.
Driver's User Flow
The driver journey was structured around the complete trip lifecycle, covering trip initiation, vehicle verification, route navigation, charging stops and trip closure.
Flow Decision
Does the workflow apply only when a truck carries a consignment, or does it also apply to an empty return journey?
The clarification
The same core trip workflow applies regardless of whether the truck is carrying a consignment or travelling empty.
Loaded trip
Trip setup → Vehicle checks → Route & charging → Delivery documents → Trip closure
Empty return
Trip setup → Vehicle checks → Route & charging → Journey completion
App Screens
Each screen addresses a specific operational requirement, with a focus on simplifying driver interactions, reducing manual effort and maintaining visibility across the journey.
Onboarding & Home
Onboarding → Login with mobile + OTP → Home
Gate Out
Added real-time dashboard image uploads to maintain transparency and document the vehicle's initial condition.
Select Route → Truck → Trailer → Upload Dashboard → Verify Dashboard Details → Enter Weight → Start trip
During Trip
Trip Started → Follow Route → Check Charging Stations
Key Decision: In-app Navigation
→ Integrated the map within Haulo instead of redirecting drivers to Google Maps.
→ Kept route information and trip-related details accessible in one interface.
→ Aligned the approach with PMs and developers to maintain a connected workflow.
Gate In
Trip Ended → Upload Dashboard → Verify Deails → Upload Contract/Invoice → End Trip
Charging Stations
Find Charging Station on Map → Upload Dashboard before Plug In → Upload Dashboard after Plug Out → Continue Trip
Help & Profile
Driver Deatils → Trip Details → Contact Details
Usability Test
The prototype was tested with 4 employees from the client's team to evaluate how easily they could navigate the trip workflow.
What we observed
Key learnings
Improve independent task completion: Simplify steps where users needed guidance.
Reduce friction: Address the minor usability issues identified during testing.
Make the experience more accessible: Explore Hindi and additional language options to support drivers with different language preferences.