March 12, 2025

March 12, 2025

IRCTC Redesign: Next Stop, Simplicity

IRCTC Redesign: Next Stop, Simplicity

IRCTC Redesign: Next Stop, Simplicity

Transforming IRCTC for Effortless and Real-Time Rail Travel

Transforming IRCTC for Effortless and Real-Time Rail Travel

Transforming IRCTC for Effortless and Real-Time Rail Travel

Mockups
Mockups
Mockups

Year

2025

Client

Personal Project

Category

Case Study

Product Duration

3 - 4 Weeks
Overview
Overview
Overview

The Indian Railway Catering and Tourism Corporation (IRCTC) app is a crucial platform used by millions to book train tickets. However, the current experience often feels outdated and clunky.
This redesign focuses specifically on improving the Train Booking flow, making it more intuitive, mobile-friendly, and visually refreshing — without compromising on functionality.

Objective
Objective
Objective
  • Simplify the train booking process


  • Eliminate external browser redirects


  • Improve overall usability for mobile users


  • Enable real-time updates and easy booking management

Problems Identified
Problems Identified
Problems Identified
  1. Cluttered & Overwhelming Navigation


  2. Outdated & Inconsistent UI Design


  3. Too Many Ads .


  4. Hidden Ticket Availability & Fare Info


  5. No Real-Time Train Tracking.


  6. Disjointed Experience Across Services

  1. Cluttered & Overwhelming Navigation


  2. Outdated & Inconsistent UI Design


  3. Too Many Ads .


  4. Hidden Ticket Availability & Fare Info


  5. No Real-Time Train Tracking.


  6. Disjointed Experience Across Services

  1. Cluttered & Overwhelming Navigation


  2. Outdated & Inconsistent UI Design


  3. Too Many Ads .


  4. Hidden Ticket Availability & Fare Info


  5. No Real-Time Train Tracking.


  6. Disjointed Experience Across Services

Solution Hightlights
Solution Hightlights
Solution Hightlights

Simplified & Intuitive Navigation


  • Streamlined bottom navigation bar with key sections: Home, Bookings, Account, Settings.

  • Prioritized user actions (modify, cancel, track) with quick-access buttons.


Modern, Consistent UI Design


  • Fresh visual language using clean typography, proper spacing, and modern icons.

  • Improved visual hierarchy to guide user focus and improve scanability.


Ad-Free or Non-Intrusive Experience


  • Significantly reduce or reposition ads to avoid disrupting core actions.

  • Offer a cleaner, more focused user journey.


Instant View of Ticket Availability & Prices


  • Show availability and fare summary directly on the train search results screen.

  • Allow easy comparison across trains without extra taps.


Integrated Real-Time Train Tracking


  • Built-in live status tracker for booked trains.

  • Includes location updates, estimated arrival times, and delay indicators.

Visual language
Visual language
Visual language
  • Primary Color: Pulled directly from the official IRCTC logo to retain familiarity while giving a refreshed, modern look.


  • Typography: Quicksand — chosen for its round, soft geometry which adds warmth, clarity, and friendliness to an otherwise utilitarian platform.


  • UI Style: Rounded corners, soft shadows, and ample white space for a breathable, modern feel.


  • Icons: Simplified and consistent to match the light, mobile-friendly design system.

  • Primary Color: Pulled directly from the official IRCTC logo to retain familiarity while giving a refreshed, modern look.


  • Typography: Quicksand — chosen for its round, soft geometry which adds warmth, clarity, and friendliness to an otherwise utilitarian platform.


  • UI Style: Rounded corners, soft shadows, and ample white space for a breathable, modern feel.


  • Icons: Simplified and consistent to match the light, mobile-friendly design system.

  • Primary Color: Pulled directly from the official IRCTC logo to retain familiarity while giving a refreshed, modern look.


  • Typography: Quicksand — chosen for its round, soft geometry which adds warmth, clarity, and friendliness to an otherwise utilitarian platform.


  • UI Style: Rounded corners, soft shadows, and ample white space for a breathable, modern feel.


  • Icons: Simplified and consistent to match the light, mobile-friendly design system.

Old vs. New: A UI Makeover

To showcase the impact of the redesign, here’s a side-by-side comparison of key screens. The "before" images reflect the cluttered, outdated interface with scattered information and poor usability. The "after" designs highlight a cleaner, more intuitive layout focused on user needs, real-time updates, and a seamless booking experience.







ui-1
ui-1
ui-1
ui-1
ui-1
ui-1
UI Design

Once the usability issues were resolved, I moved on to design the final screens in Figma. A clean, mobile-first redesign of IRCTC’s train booking experience — from simplifying the login and home screens to surfacing real-time train info and seat availability upfront. Focused on clarity, usability, and reducing friction at every step.

ui-1
ui-1
ui-1
Key Takeaways
  • Government interfaces benefit from simplicity and clarity more than flashy visuals


  • Redesigning IRCTC required deep thinking about real user needs, especially under poor network or stressful travel conditions


  • Visual warmth through typography and color creates a more trustworthy experience

  • More Works More Works

Let'S WORK

TOGETHER

BASED IN India, I specialize in mobile-first UI design, visual storytelling, and building simple, functional brand identities that leave a lasting impression.

Let'S WORK

TOGETHER

BASED IN India, I specialize in mobile-first UI design, visual storytelling, and building simple, functional brand identities that leave a lasting impression.

Let'S WORK

TOGETHER

BASED IN Surat,

Gujarat

UI/ux Designer

BASED IN India, I specialize in mobile-first UI design, visual storytelling, and building simple, functional brand identities that leave a lasting impression.

Let'S WORK

TOGETHER

BASED IN India, I specialize in mobile-first UI design, visual storytelling, and building simple, functional brand identities that leave a lasting impression.

Create a free website with Framer, the website builder loved by startups, designers and agencies.