top of page

IRCTC Website Redesign

UX REDESIGN 

To redesign Indian Railway Catering and Tourism Corporation(IRCTC) Website to ease the Ticket booking process without unwanted information and advertisements.

irctcmain.png

ROLE

UX/ UI Design Intern

TEAM

Individual

TOOLS

Figma, Adobe Illustrator, Adobe Photoshop

1

Goal

Redesigning the website to make the process of ticket booking easier and engage the users with the website to complete the goal as quickly as possible.

2

Website Analysis

Opens in a new tab

Not organized and too much information 

Very less spacing between the content

Bullet points can be used
to highlight important information.

Chat looks too complicated

Needs simplification

Book ticket screen

Date field is occupying unnecessary space

Can be center aligned to focus on important information

Opens in new tab

Reservation chart screen

Opens in new slide

Buttons can be differentiated using different color

PNR enquiry screen

3

Solution

  • With the high level of standards offered by most online businesses today, users expectations rises while using the Government website. By introducing Parallax Effect to the website will give users the same feel while interacting with IRCTC website.

  • Displaying Book Ticket, PNR Status and Journey Details tabs on the same page rather than opening in new tabs.

  • Grouping relevant information through appropriate icons and dropdown lists to allow users easy accessibility.

  • Minimalizing the design and unnecessary content will increase the conversion rate as the users focus will shift to ticket booking(desired actions).

  • Chatbot can be made simpler and only display when clicked on.

  • Designing overall User Interface to emphasize Indian Railway by involving Indian Flag color theme.

  • Redesigning the look and feel of the website as per Government of India guidelines(https://guidelines.india.gov.in/)

4

Paper wireframes

Typography & Color

Noto Sans

REGULAR . MEDIUM . SEMI BOLD

A a

#FF8D23

#213D77

#001833

4

Mockups

Home page

Home screen (Parallax effect)

Screen Highlights

Book Tickets

PNR Status

Journey Details

Takeaway

Redesigning a website requires thorough analysis of existing website and understanding of the user pain points along with compliance of rules and regulations.

bottom of page