UI / UX Design

IITH - STUDENT ERP PORTAL

The IIT Hyderabad's old ERP portal was difficult to use, with a cluttered design and poor mobile support. This project was a complete redesign to create a more user-friendly and modern experience.

Timeline :

2025

Industry :

EdTech

Client :

IIT Hyderabad

Project Duration :

8 weeks

Note : Please enable Desktop site mode for better reading Experience

Featured Project Cover Image
Featured Project Cover Image
Featured Project Cover Image

Click here to see Final Prototype links

Desktop - View Prototype

Mobile - View Prototype

PROBLEM :

The old ERP and AIMS portal made for academic tasks at IIT Hyderabad, are difficult for students to use. Their cluttered design, poor mobile support, and complex navigation caused cognitive overload for students and faculty.

STUDENT NEEDS :

More than 6000+ Students use the ERP portal for everything related to their academics and campus life at IITH.

It is the central place for essential tasks, and they expect fast and easy access to information.

The most common operations students perform on the portal are:

  • Viewing grades and checking attendance

  • Course Registration and Add/Drop Period

  • View Fee Payments and Loan Declaration

HOW MIGHT WE IMPROVE THE NAVIGATION WITHIN ERP PORTAL SO STUDENTS CAN ACCESS INFORMATION QUICKLY AND EFFICIENTLY ?

PROOCESS I FOLLOWED :

Started with the understanding of the problem and then designed a solution based on user needs. It followed a clear path from research and discovery to final design and improvements.

USER SURVEYS :

I put together all the important questions and asked within the IITH community to get feedback on the current portals.

The survey got over 100+ responses, giving me a clear idea of the main issues students face, like navigation problems, mobile usability, and design inconsistencies.

Survey link- Click here

USER INTERVIEWS

I interviewed two B.Tech students to create detailed personas that helped me prioritize the core usability problems. This step was crucial for ensuring the final design was centered on the day-to-day academic needs of the IITH student body.

Journey map

A user journey map was created to understand the user's experience from start to finish. By mapping out every step, we identified specific pain points and found clear opportunities for improvement.

  • The login process was frustrating because there was no "View Password" option, and error messages were confusing.

  • The dashboard and course registration pages were cluttered and difficult to navigate. Checking results and attendance was hard because of poor categorization.

  • A key pain point was the misplaced back button, which would often force users to log in again.

  • The map helped in identifying specific improvements for each stage, from adding a password toggle to simplifying navigation and organizing content better.

INFORMATION ARCHITECTURE AND SITE

After defining the personas and user goals, my next step was to solve the biggest problem identified in the research: difficult navigation and cognitive overload. I created a new Information Architecture (IA) to replace the old, cluttered menus with a simple, scalable structure.

I organized all academic and administrative functions into five core navigation modules. This solved the user's confusion by creating intuitive and clear paths to high-priority tasks.

Task flows

I mapped the user journey for critical functions to ensure the design was clear and efficient. The previous registration process was complicated, often leading to mistakes during the Add/Drop period.

Visual Guide and design system

I created a clean, modular design system to solve the portal's outdated look and poor visual hierarchy. My goal was to establish consistency and improve readability across all 32+ unique screens. This system was vital to deliver a professional, future-proof product that looks modern and reduces the user's cognitive load.

Final Design Screens

Designed the final solution based on the principles set by the Design System and the needs of the two personas. I solved the central issues of cognitive overload and poor usability across all 32 screens.

Usability & Accessibility -

I introduced key usability features requested by the student body, making the portal feel modern and thoughtful.

Mobile First: I ensured every page is fully mobile-responsive for on-the-go access, solving a major usability challenge.

Project Impact & Status

Final design was approved by the college’s Computer Center and is now getting developed. This confirmed the strength of the user-centered approach and the solution’s professional quality. The new ERP portal will be rolled out to over 6,000+ students and faculty soon, making high-stakes academic tasks much easier and more efficient for the entire campus.

Learnings & Reflection

  • The most important thing I learned was how crucial a data-driven process is. The research gave me the confidence to defend every design choice.

  • This project taught me how to architect a large, complex system and solve problems like cognitive overload using a clear Information Architecture.

  • It also significantly improved my technical skills in creating a scalable Design System for a multi-screen, responsive application.

Click here to see Final Prototype links

Desktop - View Prototype

Mobile - View Prototype

Thank you for your valuable time :)

All projects

UI / UX Design

IITH - STUDENT ERP PORTAL

The IIT Hyderabad's old ERP portal was difficult to use, with a cluttered design and poor mobile support. This project was a complete redesign to create a more user-friendly and modern experience.

Timeline :

2025

Industry :

EdTech

Client :

IIT Hyderabad

Project Duration :

8 weeks

Note : Please enable Desktop site mode for better reading Experience

Featured Project Cover Image
Featured Project Cover Image
Featured Project Cover Image

Click here to see Final Prototype links

Desktop - View Prototype

Mobile - View Prototype

PROBLEM :

The old ERP and AIMS portal made for academic tasks at IIT Hyderabad, are difficult for students to use. Their cluttered design, poor mobile support, and complex navigation caused cognitive overload for students and faculty.

STUDENT NEEDS :

More than 6000+ Students use the ERP portal for everything related to their academics and campus life at IITH.

It is the central place for essential tasks, and they expect fast and easy access to information.

The most common operations students perform on the portal are:

  • Viewing grades and checking attendance

  • Course Registration and Add/Drop Period

  • View Fee Payments and Loan Declaration

HOW MIGHT WE IMPROVE THE NAVIGATION WITHIN ERP PORTAL SO STUDENTS CAN ACCESS INFORMATION QUICKLY AND EFFICIENTLY ?

PROOCESS I FOLLOWED :

Started with the understanding of the problem and then designed a solution based on user needs. It followed a clear path from research and discovery to final design and improvements.

USER SURVEYS :

I put together all the important questions and asked within the IITH community to get feedback on the current portals.

The survey got over 100+ responses, giving me a clear idea of the main issues students face, like navigation problems, mobile usability, and design inconsistencies.

Survey link- Click here

USER INTERVIEWS

I interviewed two B.Tech students to create detailed personas that helped me prioritize the core usability problems. This step was crucial for ensuring the final design was centered on the day-to-day academic needs of the IITH student body.

Journey map

A user journey map was created to understand the user's experience from start to finish. By mapping out every step, we identified specific pain points and found clear opportunities for improvement.

  • The login process was frustrating because there was no "View Password" option, and error messages were confusing.

  • The dashboard and course registration pages were cluttered and difficult to navigate. Checking results and attendance was hard because of poor categorization.

  • A key pain point was the misplaced back button, which would often force users to log in again.

  • The map helped in identifying specific improvements for each stage, from adding a password toggle to simplifying navigation and organizing content better.

INFORMATION ARCHITECTURE AND SITE

After defining the personas and user goals, my next step was to solve the biggest problem identified in the research: difficult navigation and cognitive overload. I created a new Information Architecture (IA) to replace the old, cluttered menus with a simple, scalable structure.

I organized all academic and administrative functions into five core navigation modules. This solved the user's confusion by creating intuitive and clear paths to high-priority tasks.

Task flows

I mapped the user journey for critical functions to ensure the design was clear and efficient. The previous registration process was complicated, often leading to mistakes during the Add/Drop period.

Visual Guide and design system

I created a clean, modular design system to solve the portal's outdated look and poor visual hierarchy. My goal was to establish consistency and improve readability across all 32+ unique screens. This system was vital to deliver a professional, future-proof product that looks modern and reduces the user's cognitive load.

Final Design Screens

Designed the final solution based on the principles set by the Design System and the needs of the two personas. I solved the central issues of cognitive overload and poor usability across all 32 screens.

Usability & Accessibility -

I introduced key usability features requested by the student body, making the portal feel modern and thoughtful.

Mobile First: I ensured every page is fully mobile-responsive for on-the-go access, solving a major usability challenge.

Project Impact & Status

Final design was approved by the college’s Computer Center and is now getting developed. This confirmed the strength of the user-centered approach and the solution’s professional quality. The new ERP portal will be rolled out to over 6,000+ students and faculty soon, making high-stakes academic tasks much easier and more efficient for the entire campus.

Learnings & Reflection

  • The most important thing I learned was how crucial a data-driven process is. The research gave me the confidence to defend every design choice.

  • This project taught me how to architect a large, complex system and solve problems like cognitive overload using a clear Information Architecture.

  • It also significantly improved my technical skills in creating a scalable Design System for a multi-screen, responsive application.

Click here to see Final Prototype links

Desktop - View Prototype

Mobile - View Prototype

Thank you for your valuable time :)

All projects

UI / UX Design

IITH - STUDENT ERP PORTAL

The IIT Hyderabad's old ERP portal was difficult to use, with a cluttered design and poor mobile support. This project was a complete redesign to create a more user-friendly and modern experience.

Timeline :

2025

Industry :

EdTech

Client :

IIT Hyderabad

Project Duration :

8 weeks

Note : Please enable Desktop site mode for better reading Experience

Featured Project Cover Image
Featured Project Cover Image
Featured Project Cover Image

Click here to see Final Prototype links

Desktop - View Prototype

Mobile - View Prototype

PROBLEM :

The old ERP and AIMS portal made for academic tasks at IIT Hyderabad, are difficult for students to use. Their cluttered design, poor mobile support, and complex navigation caused cognitive overload for students and faculty.

STUDENT NEEDS :

More than 6000+ Students use the ERP portal for everything related to their academics and campus life at IITH.

It is the central place for essential tasks, and they expect fast and easy access to information.

The most common operations students perform on the portal are:

  • Viewing grades and checking attendance

  • Course Registration and Add/Drop Period

  • View Fee Payments and Loan Declaration

HOW MIGHT WE IMPROVE THE NAVIGATION WITHIN ERP PORTAL SO STUDENTS CAN ACCESS INFORMATION QUICKLY AND EFFICIENTLY ?

PROOCESS I FOLLOWED :

Started with the understanding of the problem and then designed a solution based on user needs. It followed a clear path from research and discovery to final design and improvements.

USER SURVEYS :

I put together all the important questions and asked within the IITH community to get feedback on the current portals.

The survey got over 100+ responses, giving me a clear idea of the main issues students face, like navigation problems, mobile usability, and design inconsistencies.

Survey link- Click here

USER INTERVIEWS

I interviewed two B.Tech students to create detailed personas that helped me prioritize the core usability problems. This step was crucial for ensuring the final design was centered on the day-to-day academic needs of the IITH student body.

Journey map

A user journey map was created to understand the user's experience from start to finish. By mapping out every step, we identified specific pain points and found clear opportunities for improvement.

  • The login process was frustrating because there was no "View Password" option, and error messages were confusing.

  • The dashboard and course registration pages were cluttered and difficult to navigate. Checking results and attendance was hard because of poor categorization.

  • A key pain point was the misplaced back button, which would often force users to log in again.

  • The map helped in identifying specific improvements for each stage, from adding a password toggle to simplifying navigation and organizing content better.

INFORMATION ARCHITECTURE AND SITE

After defining the personas and user goals, my next step was to solve the biggest problem identified in the research: difficult navigation and cognitive overload. I created a new Information Architecture (IA) to replace the old, cluttered menus with a simple, scalable structure.

I organized all academic and administrative functions into five core navigation modules. This solved the user's confusion by creating intuitive and clear paths to high-priority tasks.

Task flows

I mapped the user journey for critical functions to ensure the design was clear and efficient. The previous registration process was complicated, often leading to mistakes during the Add/Drop period.

Visual Guide and design system

I created a clean, modular design system to solve the portal's outdated look and poor visual hierarchy. My goal was to establish consistency and improve readability across all 32+ unique screens. This system was vital to deliver a professional, future-proof product that looks modern and reduces the user's cognitive load.

Final Design Screens

Designed the final solution based on the principles set by the Design System and the needs of the two personas. I solved the central issues of cognitive overload and poor usability across all 32 screens.

Usability & Accessibility -

I introduced key usability features requested by the student body, making the portal feel modern and thoughtful.

Mobile First: I ensured every page is fully mobile-responsive for on-the-go access, solving a major usability challenge.

Project Impact & Status

Final design was approved by the college’s Computer Center and is now getting developed. This confirmed the strength of the user-centered approach and the solution’s professional quality. The new ERP portal will be rolled out to over 6,000+ students and faculty soon, making high-stakes academic tasks much easier and more efficient for the entire campus.

Learnings & Reflection

  • The most important thing I learned was how crucial a data-driven process is. The research gave me the confidence to defend every design choice.

  • This project taught me how to architect a large, complex system and solve problems like cognitive overload using a clear Information Architecture.

  • It also significantly improved my technical skills in creating a scalable Design System for a multi-screen, responsive application.

Click here to see Final Prototype links

Desktop - View Prototype

Mobile - View Prototype

Thank you for your valuable time :)

All projects

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