Redesign the IRCTC homepage UI to create a cleaner, more modern, and user-friendly interface.
The current IRCTC homepage is cluttered, visually heavy, and difficult to navigate.
Your goal is to design a fresh, intuitive, and responsive version of the homepage that focuses on:
-Better information hierarchy
-Reduced visual noise
-Modern UI styling
-Improved layout for key actions (e.g., login, ticket booking, search)
This is a UI/UX redesign only — no backend functionality required.
You may use Figma, Adobe XD, or implement a static HTML/CSS mockup.
🧩 Requirements
-Redesign the homepage only (not the entire IRCTC system).
-Include the following key elements:
-Header with navigation
-Train search section (From, To, Date, Class)
-Login area (can be simplified)
-Promotional banners or featured sections (optional)
-Footer links
Create a clean, uncluttered layout with proper spacing and visual hierarchy.
Use modern design principles:
-Clean typography
-Consistent spacing
-Clear color scheme
-Minimal distractions
You can submit:
A Figma link OR
A static webpage mockup (HTML/CSS)
📋 Tasks / Checklist
-Analyze the existing IRCTC homepage layout.
-Identify pain points: clutter, accessibility issues, bad spacing, confusing navigation.
-Create a new wireframe for the redesigned layout (low-fidelity).
-Convert wireframes into a polished high-fidelity design.
-Build a static webpage (optional but encouraged).
-Add a responsive layout with 1–2 breakpoints.
-Modernize typography, color palette, and UI components.
-Reorganize train search fields into a clear, usable structure.
-Simplify the login area.
-Ensure spacing, alignment, and consistency across the entire page.
🎯 Acceptance Criteria
-A redesigned IRCTC homepage UI is delivered in Figma or as static HTML/CSS.
-Layout is significantly cleaner, easier to navigate, and visually modern.
-Train search component is clear, intuitive, and well-aligned.
-Page is responsive and maintains structure at mobile/tablet/desktop sizes.
-Improved visual hierarchy: clearer headers, spacing, section separation.
-Uses modern typography and a consistent color palette.
-No backend, databases, or real-time functionality required.
-Submission demonstrates thoughtful UX decisions.
Mockup:
Redesign the IRCTC homepage UI to create a cleaner, more modern, and user-friendly interface.
The current IRCTC homepage is cluttered, visually heavy, and difficult to navigate.
Your goal is to design a fresh, intuitive, and responsive version of the homepage that focuses on:
-Better information hierarchy
-Reduced visual noise
-Modern UI styling
-Improved layout for key actions (e.g., login, ticket booking, search)
This is a UI/UX redesign only — no backend functionality required.
You may use Figma, Adobe XD, or implement a static HTML/CSS mockup.
🧩 Requirements
-Redesign the homepage only (not the entire IRCTC system).
-Include the following key elements:
-Header with navigation
-Train search section (From, To, Date, Class)
-Login area (can be simplified)
-Promotional banners or featured sections (optional)
-Footer links
Create a clean, uncluttered layout with proper spacing and visual hierarchy.
Use modern design principles:
-Clean typography
-Consistent spacing
-Clear color scheme
-Minimal distractions
You can submit:
A Figma link OR
A static webpage mockup (HTML/CSS)
📋 Tasks / Checklist
-Analyze the existing IRCTC homepage layout.
-Identify pain points: clutter, accessibility issues, bad spacing, confusing navigation.
-Create a new wireframe for the redesigned layout (low-fidelity).
-Convert wireframes into a polished high-fidelity design.
-Build a static webpage (optional but encouraged).
-Add a responsive layout with 1–2 breakpoints.
-Modernize typography, color palette, and UI components.
-Reorganize train search fields into a clear, usable structure.
-Simplify the login area.
-Ensure spacing, alignment, and consistency across the entire page.
🎯 Acceptance Criteria
-A redesigned IRCTC homepage UI is delivered in Figma or as static HTML/CSS.
-Layout is significantly cleaner, easier to navigate, and visually modern.
-Train search component is clear, intuitive, and well-aligned.
-Page is responsive and maintains structure at mobile/tablet/desktop sizes.
-Improved visual hierarchy: clearer headers, spacing, section separation.
-Uses modern typography and a consistent color palette.
-No backend, databases, or real-time functionality required.
-Submission demonstrates thoughtful UX decisions.
Mockup: