Nijin Contact

KSRTC Booking A Platform Redesign

Mobile App · Prototype

A redesign of the booking app for Kerala’s state bus network. The original gives every decision a page of its own; this one holds all five steps on a single surface.

A prototype build: a real iPhone app in SwiftUI, on mock data.

Five screens from the redesigned KSRTC app: search, results, the seat map, review and the ticket
Search, results, seats, review, ticket.

What matters here is what does not move: the trip summary, the progress rail, the total and the dock stay put the whole way down.

All five booking steps side by side: seats, boarding and drop, passenger details, review and payment
The whole funnel, left to right.

Recent searches and the routes people actually take make the common case one tap.

The home search screen, the results list, and the filter sheet
Home, results, filters.

Boarding points are landmarks with real time offsets, because that is how you find a bus.

The seat map beside the boarding and dropping point step
The deck, and the step after it.

The fare is itemised, and what a cancellation gives back is shown before you cancel.

The review step with an itemised fare, the payment step, and the cancellation sheet quoting a refund
Review, payment, the cancellation quote.

Row subtitles are real counts, so a row tells you whether there is anything behind it before you tap.

The My Trips list, the ticket, and the profile screen
Trips, ticket, profile.

Loading, empty and error are drawn as screens too. Results needs two different empty states, because no service on a route and filters that excluded everything are different problems.

The results screen loading, in error, and empty, plus the empty trips list
Loading, error, and two kinds of empty.

The same tokens on a separate ramp. The seat states have to keep their meaning in both, which is the real test.

Home, the seat map, review, the ticket and trips in dark mode
Dark.