UX/UI Case Study

IRCTC App
Redesign.

Modernizing India's most used train ticketing platform for a smoother, clutter-free experience.

IRCTC Hero Mockup
01 / Foundation

The Context & The Problem

About the Project

IRCTC is India's most used train ticketing platform. But let's be honest, it is outdated, cluttered, and confusing for first-time users.

As a UI/UX designer, I took on the challenge to redesign the IRCTC app. The goal was simple: make it modern, user-friendly, and accessible for everyone.

Goals & Objectives

  • 1

    Simplify the home screen to focus on core actions.

  • 2

    Improve navigation to make it intuitive.

  • 3

    Modernize the UI to meet current design standards.

!

Cluttered UI

Too many options on the home screen overwhelm the user.

!

Confusing Navigation

Important features like 'Book Ticket' and 'PNR Status' are hard to find.

!

Outdated Design

The app looks like it was built in the early 2000s.

02 / Understanding the People

User Research

Arthav Pandey

Arthav Pandey

Age: 21

Occupation: Fine Art Student

Location: Burdwan, West Bengal

Goals
  • Fast ticket booking
  • Minimal and easy-to-understand interface
  • Seamless payment experience
  • Ability to track bookings
  • Visibility of ticket confirmation probability
Pain Points
  • Cluttered design
  • Congested icons and text
  • Too much information without clear structure
Behavior
  • Mobile-first user
  • Books tickets under time pressure
  • Often books multiple tickets at once
Quote

"I want to book tickets quickly and pay seamlessly without dealing with unnecessary information clutter."

Shubhankar Kumar

Shubhankar Kumar

Age: 60

Occupation: Retired Teacher

Location: Dhanbad, Jharkhand

Goals
  • Easy ticket booking
  • Simple payment flow
  • Clear and visual interface
  • Minimal reliance on memorization
Pain Points
  • Complex interface
  • Small text and low visual clarity
  • Needs external help while using the app
Behavior
  • Mobile user
  • Books tickets independently
  • Used to traditional offline methods
Quote

"As a new user of online platforms, I need a simple and smooth process without confusion."

Empathy Map

"

Says

Needs a simple, trusted way to book tickets.

"

Thinks

Needs a simple, trusted way to book tickets.

"

Does

Needs a simple, trusted way to book tickets.

"

Feels

Needs a simple, trusted way to book tickets.

03 / Visual Language

Design System

Typography

Aa

Kadwa

For headings (strong readability)

K2D

For body text (clean and modern)

Color Palette

Background

#EFE9F4

Primary Action

#FF3633

Soft Secondary

#E6C3CE
04 / Execution

The Evolution

From low-fidelity paper sketches to high-fidelity final UI. The goal was to remove clutter, modernize the aesthetic, and make booking a ticket a breeze.

Low-Fidelity Wireframes

Low-Fidelity Wireframe 1
Low-Fidelity Wireframe 2

Final UI Design

Final UI Screen 1
Final UI Screen 2
Final UI Screen 3
Final UI Screen 4
Final UI Screen 5
Background Image Area

Thank You