User Experience · TMS Platform · Web & Mobile

Redesigning Vehicle Gate-In to Reduce Operational Dependency

Vehicle gate-in screen on the enterprise web platform
My Role
Product Designer (Sole Designer)
End-to-end workflow redesign
Team
1 Engineer, 1 PM & Me
Timeline
Sept 2025

Impact

90% fewer tickets
Reduction in backend vehicle-detail change-request tickets
60% faster turnaround
Faster turnaround time in the loading area

TL;DR

What is it

A redesign of the vehicle gate-in process on our TMS platform, moving it from a locked security checkpoint to an enterprise-owned verification step.

The problem

Vehicle details were locked right after gate-in, so any last-minute change (a swapped driver, a substituted vehicle) needed a backend fix from our operations team.

What I did

Extended editing until gate-out, brought gate-in to the web for the team that actually performs it, and built a configurable Vehicle Inspection Sheet.

The outcome

90% fewer change-request tickets and 60% faster turnaround in the loading area, with enterprises resolving exceptions themselves.

The Problem

In our TMS platform, an enterprise would raise an indent, after which the transporter accepted it and assigned a vehicle. Both the enterprise and transporter could edit vehicle details (vehicle number, driver’s mobile number) until the vehicle reached the origin. Once the vehicle completed gate-in, these details were locked.

Flow diagram: transporter response splits into accepts (assigns vehicle and driver details, then vehicle reported at origin with details locked) or rejects.

Before the redesign: vehicle details stayed editable only up to origin, then locked at gate-in with no way back without operations support.

This created a recurring operational problem. In reality, vehicle information could change at the last moment because:

Since the information was locked after gate-in, enterprises had to depend on our operations team to make backend changes: 4–6 change-request tickets every day, creating unnecessary operational dependency and delaying the loading process.

The Key Insight

We had designed gate-in assuming that the security team would perform the process using a phone.

In practice, this was often not true. At many enterprise sites, the logistics team themselves performed gate-in and inspected the vehicle. This meant the people closest to the physical vehicle were already involved in the process, but our product did not support their actual workflow.

This led me to rethink gate-in, not simply as a security checkpoint but as a vehicle verification and confirmation step owned by the enterprise.

The Redesign

1. Extended vehicle editing until gate-out

Instead of locking vehicle details immediately after gate-in, I extended the editing window until gate-out from the origin.

Mobile screens showing the extended editing window: Complete Gate-in with vehicle details, an Edit Vehicle form, and Complete Gate-out with the same details still editable

This allowed the enterprise team to handle real-world exceptions during loading:

The details become locked only after the vehicle leaves the origin. This moved exception handling from our backend operations team to the people managing the vehicle on-site.

2. Brought the gate-in experience to the web

Since the enterprise logistics team was frequently performing gate-in themselves, I explored how the existing mobile-based workflow could be brought into the web platform to make the process more accessible to the teams managing shipments.

2.1: Made vehicle & gate status visible in the Indent

The first step was to bring all vehicle-related information into the Indent experience, rather than making users rely on a separate workflow to understand the vehicle’s status.

Outcome: Users could now understand the vehicle’s current state and shipment progress directly from the Indent.

After: Indent page's Vehicle Details tab, showing the shipment timeline alongside the redesigned vehicle number, driver, tracking, and status table
Before: the old Vehicle Details view
‹›
BeforeAfter

Vehicle Details tab: before vs after

2.2: Enabled gate-in / gate-out directly from the dashboard

Once the relevant vehicle information was available on the web, the next step was to make the gate-in and gate-out actions accessible to the teams actually performing them.

Outcome: Gate operations became a first-class web workflow, allowing users to inspect and confirm vehicles with fewer steps.

Vehicle Gate In dashboard entry point, showing the vehicle list with status filters (Reporting Pending, Gate In Pending, Hold, Auto/Manual Gate-In/Out, Rejected) and a selected vehicle's gate-in detail panel with a Complete Vehicle Gate-in button

Gate-in web

Vehicle Inspection Sheet

As part of the redesign, I also built a configurable Vehicle Inspection Sheet, based on an enterprise-requested need. Enterprises can configure inspection questions independently for different sites and specify whether they apply to loading sites or unloading sites.

During gate-in, the logistics team completes the relevant inspection questions before confirming the vehicle. The inspection flow supports:

This transformed gate-in from a simple status update into a structured vehicle verification process.

Vehicle Inspection Configuration: Create Inspection Sheet screen showing the Vehicle Outgoing Sheet questions table with Mandatory Remarks, Image Upload, and Ref. Image Upload toggles per question, plus a Configure Sheet panel for choosing Gate In or Gate Out and the sites it applies to

Configuring an inspection sheet

Vehicle Gate In web inspection panel showing tarpaulin and cargo-covering questions with Yes/No answers, optional remarks, a Block action, and uploaded reference/inspection images

Inspection sheet during gate-in (web)

Mobile Gate-in Inspection flow showing an image upload step, an inspection question answered Yes/No with optional remarks, and the Reject / Keep on Hold / Continue actions

Inspection sheet during gate-in (mobile)

What I Learned

The assumed user and the actual user aren’t always the same

Gate-in had been designed around the security team, but on the ground it was usually the logistics team doing it, often from a shared device. That gap only showed up once I looked at the physical process on-site, not just the reporting hierarchy, and it’s now something I check for early in any workflow redesign.

Reducing dependency doesn’t mean reducing control

The easy fix would have been fewer checks. Instead, I moved exception handling to the team already standing next to the vehicle, and kept it auditable with structured inspection questions, mandatory remarks, and photo evidence. Backend tickets dropped 90% without losing the record enterprises relied on.


Taabi Procure cover

Next case study

Taabi Procure

An Forward/Reverse auction platform to buy and sell products by Enterprises

Read Case Study