Project Overview
The current IRCTC app has an outdated UI, cluttered with ads, a complex login/signup process, poor accessibility for visually impaired users.
This redesign aims to create a cleaner, less-ad interface with better colour contrast, a seamless login/signup flow, and enhanced accessibility. The goal is to make train booking more intuitive, inclusive, and efficient for all users.
4 +
Informal Interviews
3
Weeks
8+
Play Store reviews
15
Screens
Accessibility issue for visually impaired people in CAPTCHAs filling.
User Pain-points
Login/Signin is outdated & lack of Simplicity
Outdated & Complicated User Interface
Lack of Colour Contrast
Original IRCTC App
Problem Statements
The IRCTC app's outdated, cluttered UI, poor color contrast, complicated login/signup process, and inaccessible CAPTCHAs hinder user experience and inclusivity.
The app is flooded with ads
Solutions
Modernized UI Design
Used a clean, minimalistic design with better colour contrast for improved readability.
Reduce clutter by limiting ads and organizing content hierarchically.
Simplified Login Flow
Added Ask DISHA 2.0 is an AI-powered chatbot providing real-time train inquiries, bookings, and support with voice and multilingual assistance.
Ash Disha 2.0
Streamline the process with fewer steps and a more intuitive transition.
AskDisha 2.0
Hey How can I help you?
How many tickets I can book using IRCTC wallet.
You can book as many tickets as you want using your IRCTC eWallet, as long as you have sufficient balance.
Users often leave the booking flow to search for FAQs. Ask DISHA 2.0 reduces cognitive load by offering contextual help within the journey.
Design Process
Interview Question
Why do you use the irctc app?
Which primary feature of the irctc app do you use the most?
What do you feel about the app's login process compared to other private apps?
On a scale of 1–5, how do you rate the ticket booking experience through the app?
Which other app do you use to book train tickets?
What are some aspects/features that you like about the app?
Empathize
User Research
User persona
Empathy Mapping
Competitor Analysis
Define
Problem Statement
Ideate
User Flow
Design
Style Guide
Design System
Lo-Fi Wireframes
Hi-Fi Wireframes
Testing
Usability Testing
1
2
3
4
5
User Research
I interviewed 4+ people as primary research & gathered 8+ user feedback from Play Store as secondary research findings are:
Age Group
Is login/ Signup process complicated for you?
18 - 20
Yes
No
21 - 28
28 - 35
35 - 45
45.45%
81.8%
18.2%
36.36%
9.09%
9.09%
User persona
Badlesh Mishra
Kartik Upadhaya
Adhiyamaan
Age: 22
Age: 20
Age: 52
Occupation: Web Developer
Occupation: 3D Artist
Occupation: Supervisor
Tech Proficiency: High
Tech Proficiency: High
Tech Proficiency: Low
Goals:
Book train tickets efficiently and check PNR status.
Goals:
Book train tickets quickly and look for cancellation & refund policies.
Goals:
Book train tickets for family and check train schedules.
Frustrations:
Finds the font size small and hard to read and no clear hierarchy in the UI
Complicated login/signup process and inconsistent transitions.
Lack of color contrast, focusing on key information is difficult.
Frustrations:
Outdated UI cluttered and distracting due to excessive ads.
Struggles with the complicated login process.
The app redirects users to IRCTC’s web page for some feature.
Frustrations:
Poor colour contrast & lack of simplicity.
Gets overwhelmed by the complicated login process.
Faces accessibility issues while filling CAPTCHAs due to visual impairment.
How many star out of 5 would you give to the app
7 people
2 people
2 people
0 people
1
2
3
3
4 & 5
Are you satisfied with IRCTC platform overall
90.9%
9.09%
Not satisfied
Satisfied
Competitor Analysis
Feature
Modern UI
Ticket Booking
Running Status
PNR Status
Easy
Login/Signup
On Train Food
Buses Booking
Flight Booking
Hotels Booking
IRCTC
RailYatri
Ixigo
User Flow
Start
Welcome
Home Screen
Login
Trains
Search Train
PNR Status
Trains list
Running Status
Ticket Vaccant
Ask Disha 2.0
Passengers Details
Order Food
Review Ticket
Delhi Metro
Payment Screen
Coach & Seat
Payment Confirmation
Flights
Buses
Hotels
Other Features
Signup
Typography
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
123
Style Overview
Aa
12pt
13pt
14pt
16pt
22pt
24pt
28pt
Colour
Components
Primary 1
Primary 2
Secondary 1
Secondary 2
#03036C
#BBB6C0
#D8D8E8
#9F9FE8
Logo
Wireframes
Visual Design
Splash Screen
Welcome Screen
Login Screen
Home Screen
Search Screen
Trains list Screen
Passenger Details Screen
Check-Out Screen
Vacant Screen
Review & Pay Screen
Payment Confirmation Screen
PNR & Running Status Screens
Splash Screen is often used to display logo or animation to indicate that the app is loading.
Welcome screen is introduction screen of an app
A seamless and intuitive login screen with social login, OTP verification, and improved accessibility for a hassle-free user experience.
A streamlined home screen with quick train search, easy ticket booking, PNR status updates, and real-time train tracking.
A user-friendly search screen with recently searched stations, and popular stations.
A well-organized list displaying train options with filters for faster selection
Real-time seat availability with fare details and class-wise options
A simple and intuitive screen for entering passenger details.
A seamless checkout screen with secure transaction processing, and instant booking confirmation.
A seamless booking process with clear fare breakdown and booking availability.
A clear and concise screen displaying booking summary, fare breakdown, payment options, and secure checkout for a hassle-free transaction.
A clear payment confirmation screen with booking details.
A simple interface to check ticket status with real-time updates, journey details & Live train tracking with real-time updates on delays, upcoming stations, and estimated arrival times.
Screen Comparison
Splash Screen
Login Screen
Home Screen
Train list Screen
Vacant Screen
Passenger Details Screen
Review Screen
PNR Status Screen
Old Screen
New Screen
Thanks for watching
Hope you love it!
