Case Study · 07
A ground-up redesign of India's busiest railway booking platform — replacing a cluttered, frustrating experience with a calm, intuitive interface for 14M+ daily users, with cultural sensitivity and accessibility at its core.
14M+
Daily Users
6
Screen Flows Redesigned
22+
Languages Supported
67%
Faster Booking Time
The Problem
IRCTC is India's only railway booking gateway — not optional, not replaceable. Over a billion transactions flow through it every year. Yet the design hadn't seen a holistic rethink in over a decade. Users weren't just frustrated; they were anxious. Every booking felt like navigating a bureaucratic maze under pressure.
Cluttered Information Architecture
Critical actions buried under irrelevant categories. Users couldn't distinguish the primary booking path from secondary utilities, causing wrong-path errors and repeated back-navigation.
Mobile-Hostile Layout
Over 70% of sessions on mobile, yet the interface was desktop-first and table-heavy — requiring constant pinch-zoom just to read train names and times.
Accessibility Gaps
No multilingual support despite India's 22 official languages. Low contrast, tiny tap targets, and zero accommodation for low-literacy users who form a huge portion of the base.
"Users were abandoning bookings mid-flow — not because the trains weren't available, but because the interface made them feel lost."
User Research
Two-week research sprint: 18 user interviews across tier-1, tier-2, and tier-3 cities; competitive benchmarking against MakeMyTrip, Trainline (UK), and Deutsche Bahn; plus a full heuristic evaluation of the live IRCTC flows.
Three distinct personas emerged — each with fundamentally different needs, mental models, and failure points.
"I just want to book a train. Not solve a puzzle." — Research participant, Nagpur
Before vs After
Before
After
Design Process
A double-diamond process — diverging wide in research and ideation, converging hard in iteration and testing. Six major screen flows redesigned, each validated with moderated usability sessions.
The Design
Renamed RailConnect as a design concept, the platform was rebuilt around three principles: Calm Confidence (reduce cognitive load), Transparent Progress (always tell users where they are), and Inclusive First (design for the hardest use case). Explore all six flows live below.
Visual Design
Lotus pink and sage green draw on Indian cultural motifs without stereotyping. The lotus (national flower) and sage (calm, heritage) create contextual trust in a platform that badly needed it. The deep plum background grounds the UI in authority while staying warm.
Interaction Design
The original interface exposed 14 fields simultaneously. The redesign collapses everything into a single hero search card — from, to, date, class. Secondary options only appear after the primary action is taken, dramatically cutting decision paralysis and reducing time-to-search.
Accessibility
Confirmed, Waitlist, RAC, and Cancelled each have a dedicated colour — but always paired with a text label. Never colour alone. This meets WCAG AA contrast requirements throughout and ensures the interface works for users with colour-vision deficiencies.
Key Features
Smart Search Card
Collapsed, single-action search with swap button, date picker, and class selector — all in one place, with zero extraneous fields visible.
Live Train Status
Real-time station-by-station tracking with delay indicators, visual progress timeline, and platform number updates.
PNR Status Dashboard
Unified view of booking confirmation, waitlist position, and passenger berth allocation — all in one card, no separate tools needed.
Language Switcher
One-tap access to 22+ Indian languages across all booking flows — designed for first-time users in tier-3 cities.
Outcomes
Moderated usability testing with 12 participants across 3 cities, benchmarked against the original IRCTC interface for identical tasks.
Reflections