UI / UX Design
HR Portal - IITH
A new Human Resources portal designed to streamline all HR operations and improve the user experience for all IIT Hyderabad college employees.
Timeline :
Ongoing (Aug 25 – Present)
Industry :
Enterprise Software
Client :
IIT Hyderabad Computer Center
Project Duration :
10 weeks
Note : Please enable Desktop site mode for better reading Experience
Problem Statement :
IIT Hyderabad does not have a centralized Human Resources portal. This makes day-to-day HR operations like managing leave, payroll, and employee data very inefficient and difficult for over 1200+ employees and staff.
Objectives / Goals:
The primary goal is to create a seamless, user-centric HR platform that streamlines core operations, reduces manual work, and provides employees with easy access to all their records.
Target Audience:
The platform's primary users are all IIT Hyderabad employees and staff (academic faculty, administration, and support staff) who need to access or manage HR data daily.
PROCESS I FOLLOWED :
I started with a structured process that is currently focused on the initial phases of design. I completed the Research phase, gathering data through documentation and analysis.
I then moved into the Define stage, where I structured the entire portal's Information Architecture and created the initial User Flows. The project is now progressing in the Ideation and Design phase, with wireframing and prototyping being the next steps.
PRIMARY RESEARCH - SRS DOCUMENT
I started the project by analyzing the complete Software Requirement Specification (SRS) document provided by the Computer Center. This step was crucial for me to understand the full scope and functional requirements of the new HR portal.
I noted these key interpretations:
The entire project involves over 50 major processes, including recruitment, leave management, performance appraisal, and employee travel. This confirmed the need for a highly systematic information architecture.
The main pain point was the absence of a centralized system to maintain employee details and track the status of requests, which was causing inefficiency.
The platform requires multiple views for many stakeholders, including the Director, Registrars, and Dean Faculty, alongside the HR and F&A staff.
MARKET ANALYSIS
To understand best practices for a system with over 50 processes, I conducted a market analysis. Since access is difficult for these large institutional platforms, I sat with a Computer Center staff member to analyze the IRIS NITK Portal from the inside.
This direct benchmarking of a live system was crucial for several reasons:
Validating Architecture: I studied how a successful institutional portal organizes and navigates complex features like recruitment, promotion, and payroll.
Feature Mapping: I compared the IRIS features against the 50+ requirements detailed in the IITH SRS document to ensure no critical process was overlooked in the new design.
Simplifying Complex Workflows: I analyzed how they structure complex approval processes (e.g., Faculty Recruitment , Leave Records , and Employee Promotion ) to understand how to minimize friction for the IITH employees.
Affinity Mapping :
I used Affinity Mapping to organize the entire project. I took the 50+ functional requirements from the SRS document and grouped them into six clear, logical modules. This process directly solved the problem of complexity and defined the portal's Information Architecture.
The six core modules I created were: Recruitment & Onboarding, Employee Lifecycle, Daily Service & Requests, Career Performance, Learning & Development, and Financial & Travel Management.
User Personas:
To ensure the design was comprehensive, three distinct personas were created to humanize the design process and address the needs of the entire HR ecosystem.
Internal Users: Two personas were created to reflect the distinct needs of the internal IITH community: Academic Staff (Faculty) and Administrative/Support Staff.
External Users: A third persona was created to cover the external user group (Job Applicants), whose needs centered on recruitment transparency and application management.
Strategic Focus: This comprehensive approach ensured the portal would solve problems for all users, from those managing complex Career Performance tasks to those simply tracking Daily Service & Requests.
DESIGN DIRECTION : BUSINESS + USER NEEDS
I set the design direction by balancing the needs of the institution with the needs of the employee. The business goal was to create a centralized, compliant system for over 50 processes. My focus was to ensure that this complexity resulted in a simple, efficient, and completely transparent experience for every employee.
How Might We (HMW)
These are the key questions I used to turn the problem into actionable design challenges:
How might we centralize over 50 HR processes into a simple, intuitive navigation?
How might we increase user trust by providing real-time status tracking for every request (leave, promotion, travel)?
How might we simplify complex, multi-step forms (like recruitment and appraisal) to reduce manual errors and time spent by employees?
Information Architecture
The IITH HR Portal is a complex system serving multiple, distinct user roles from external job applicants to the institute's Director. The primary challenge of the Information Architecture (IA) was to create a structure that is both powerful for administrative users and simple for everyday employees.
SITE MAP :
The site map below provides a high-level overview of the portal's structure, showing the main entry points and the distinct environments for each primary user role.
Since this is a real-world project for an educational institution. To respect their confidentiality, the detailed some parts of the map are blurred. Under non disclosure agreement.
NAVIGATION SYSTEM:
We chose a persistent left sidebar for consistency. The core innovation is the [Employee | Manager] toggle. This allows users with dual roles to consciously switch contexts, dramatically reducing clutter.
The "Manager View" is intelligent; it dynamically changes the available tools based on the user's role. A Section Officer sees a full suite of operational tools, while a Dean sees a simplified interface focused on final approvals and analytics.
Flows
To ensure the final design was intuitive and efficient, I mapped out the core user journeys. This involved creating both high-level User Flows to understand the end-to-end experience and detailed Task Flows to refine the efficiency of specific actions.
For this case study, I will focus on the most critical and frequent journey in the portal: an employee applying for leave and a manager approving it.
Project Status & Next Steps
Work Accomplished So Far:
I have successfully completed the entire Research and Define phase for the HR Portal. I turned the complex SRS document into a clear Information Architecture and defined all Task and User Flows, setting a strong foundation for the visual design.
Current Status & Next Steps:
The project is actively in the Ideation and Design phase. I am currently working on creating all of the final, high-fidelity screens and the responsive design.
Once the design is complete, the next steps will be:
Testing & Validation: Conducting Usability Testing with key staff members to ensure the new portal is intuitive and meets all efficiency goals.
Final Delivery: Preparing the design for final sign-off and development handover.
THANK YOU FOR YOUR VALUABLE TIME :)
All projects
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI / UX Design
HR Portal - IITH
A new Human Resources portal designed to streamline all HR operations and improve the user experience for all IIT Hyderabad college employees.
Timeline :
Ongoing (Aug 25 – Present)
Industry :
Enterprise Software
Client :
IIT Hyderabad Computer Center
Project Duration :
10 weeks
Note : Please enable Desktop site mode for better reading Experience
Problem Statement :
IIT Hyderabad does not have a centralized Human Resources portal. This makes day-to-day HR operations like managing leave, payroll, and employee data very inefficient and difficult for over 1200+ employees and staff.
Objectives / Goals:
The primary goal is to create a seamless, user-centric HR platform that streamlines core operations, reduces manual work, and provides employees with easy access to all their records.
Target Audience:
The platform's primary users are all IIT Hyderabad employees and staff (academic faculty, administration, and support staff) who need to access or manage HR data daily.
PROCESS I FOLLOWED :
I started with a structured process that is currently focused on the initial phases of design. I completed the Research phase, gathering data through documentation and analysis.
I then moved into the Define stage, where I structured the entire portal's Information Architecture and created the initial User Flows. The project is now progressing in the Ideation and Design phase, with wireframing and prototyping being the next steps.
PRIMARY RESEARCH - SRS DOCUMENT
I started the project by analyzing the complete Software Requirement Specification (SRS) document provided by the Computer Center. This step was crucial for me to understand the full scope and functional requirements of the new HR portal.
I noted these key interpretations:
The entire project involves over 50 major processes, including recruitment, leave management, performance appraisal, and employee travel. This confirmed the need for a highly systematic information architecture.
The main pain point was the absence of a centralized system to maintain employee details and track the status of requests, which was causing inefficiency.
The platform requires multiple views for many stakeholders, including the Director, Registrars, and Dean Faculty, alongside the HR and F&A staff.
MARKET ANALYSIS
To understand best practices for a system with over 50 processes, I conducted a market analysis. Since access is difficult for these large institutional platforms, I sat with a Computer Center staff member to analyze the IRIS NITK Portal from the inside.
This direct benchmarking of a live system was crucial for several reasons:
Validating Architecture: I studied how a successful institutional portal organizes and navigates complex features like recruitment, promotion, and payroll.
Feature Mapping: I compared the IRIS features against the 50+ requirements detailed in the IITH SRS document to ensure no critical process was overlooked in the new design.
Simplifying Complex Workflows: I analyzed how they structure complex approval processes (e.g., Faculty Recruitment , Leave Records , and Employee Promotion ) to understand how to minimize friction for the IITH employees.
Affinity Mapping :
I used Affinity Mapping to organize the entire project. I took the 50+ functional requirements from the SRS document and grouped them into six clear, logical modules. This process directly solved the problem of complexity and defined the portal's Information Architecture.
The six core modules I created were: Recruitment & Onboarding, Employee Lifecycle, Daily Service & Requests, Career Performance, Learning & Development, and Financial & Travel Management.
User Personas:
To ensure the design was comprehensive, three distinct personas were created to humanize the design process and address the needs of the entire HR ecosystem.
Internal Users: Two personas were created to reflect the distinct needs of the internal IITH community: Academic Staff (Faculty) and Administrative/Support Staff.
External Users: A third persona was created to cover the external user group (Job Applicants), whose needs centered on recruitment transparency and application management.
Strategic Focus: This comprehensive approach ensured the portal would solve problems for all users, from those managing complex Career Performance tasks to those simply tracking Daily Service & Requests.
DESIGN DIRECTION : BUSINESS + USER NEEDS
I set the design direction by balancing the needs of the institution with the needs of the employee. The business goal was to create a centralized, compliant system for over 50 processes. My focus was to ensure that this complexity resulted in a simple, efficient, and completely transparent experience for every employee.
How Might We (HMW)
These are the key questions I used to turn the problem into actionable design challenges:
How might we centralize over 50 HR processes into a simple, intuitive navigation?
How might we increase user trust by providing real-time status tracking for every request (leave, promotion, travel)?
How might we simplify complex, multi-step forms (like recruitment and appraisal) to reduce manual errors and time spent by employees?
Information Architecture
The IITH HR Portal is a complex system serving multiple, distinct user roles from external job applicants to the institute's Director. The primary challenge of the Information Architecture (IA) was to create a structure that is both powerful for administrative users and simple for everyday employees.
SITE MAP :
The site map below provides a high-level overview of the portal's structure, showing the main entry points and the distinct environments for each primary user role.
Since this is a real-world project for an educational institution. To respect their confidentiality, the detailed some parts of the map are blurred. Under non disclosure agreement.
NAVIGATION SYSTEM:
We chose a persistent left sidebar for consistency. The core innovation is the [Employee | Manager] toggle. This allows users with dual roles to consciously switch contexts, dramatically reducing clutter.
The "Manager View" is intelligent; it dynamically changes the available tools based on the user's role. A Section Officer sees a full suite of operational tools, while a Dean sees a simplified interface focused on final approvals and analytics.
Flows
To ensure the final design was intuitive and efficient, I mapped out the core user journeys. This involved creating both high-level User Flows to understand the end-to-end experience and detailed Task Flows to refine the efficiency of specific actions.
For this case study, I will focus on the most critical and frequent journey in the portal: an employee applying for leave and a manager approving it.
Project Status & Next Steps
Work Accomplished So Far:
I have successfully completed the entire Research and Define phase for the HR Portal. I turned the complex SRS document into a clear Information Architecture and defined all Task and User Flows, setting a strong foundation for the visual design.
Current Status & Next Steps:
The project is actively in the Ideation and Design phase. I am currently working on creating all of the final, high-fidelity screens and the responsive design.
Once the design is complete, the next steps will be:
Testing & Validation: Conducting Usability Testing with key staff members to ensure the new portal is intuitive and meets all efficiency goals.
Final Delivery: Preparing the design for final sign-off and development handover.
THANK YOU FOR YOUR VALUABLE TIME :)
All projects
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI / UX Design
HR Portal - IITH
A new Human Resources portal designed to streamline all HR operations and improve the user experience for all IIT Hyderabad college employees.
Timeline :
Ongoing (Aug 25 – Present)
Industry :
Enterprise Software
Client :
IIT Hyderabad Computer Center
Project Duration :
10 weeks
Note : Please enable Desktop site mode for better reading Experience
Problem Statement :
IIT Hyderabad does not have a centralized Human Resources portal. This makes day-to-day HR operations like managing leave, payroll, and employee data very inefficient and difficult for over 1200+ employees and staff.
Objectives / Goals:
The primary goal is to create a seamless, user-centric HR platform that streamlines core operations, reduces manual work, and provides employees with easy access to all their records.
Target Audience:
The platform's primary users are all IIT Hyderabad employees and staff (academic faculty, administration, and support staff) who need to access or manage HR data daily.
PROCESS I FOLLOWED :
I started with a structured process that is currently focused on the initial phases of design. I completed the Research phase, gathering data through documentation and analysis.
I then moved into the Define stage, where I structured the entire portal's Information Architecture and created the initial User Flows. The project is now progressing in the Ideation and Design phase, with wireframing and prototyping being the next steps.
PRIMARY RESEARCH - SRS DOCUMENT
I started the project by analyzing the complete Software Requirement Specification (SRS) document provided by the Computer Center. This step was crucial for me to understand the full scope and functional requirements of the new HR portal.
I noted these key interpretations:
The entire project involves over 50 major processes, including recruitment, leave management, performance appraisal, and employee travel. This confirmed the need for a highly systematic information architecture.
The main pain point was the absence of a centralized system to maintain employee details and track the status of requests, which was causing inefficiency.
The platform requires multiple views for many stakeholders, including the Director, Registrars, and Dean Faculty, alongside the HR and F&A staff.
MARKET ANALYSIS
To understand best practices for a system with over 50 processes, I conducted a market analysis. Since access is difficult for these large institutional platforms, I sat with a Computer Center staff member to analyze the IRIS NITK Portal from the inside.
This direct benchmarking of a live system was crucial for several reasons:
Validating Architecture: I studied how a successful institutional portal organizes and navigates complex features like recruitment, promotion, and payroll.
Feature Mapping: I compared the IRIS features against the 50+ requirements detailed in the IITH SRS document to ensure no critical process was overlooked in the new design.
Simplifying Complex Workflows: I analyzed how they structure complex approval processes (e.g., Faculty Recruitment , Leave Records , and Employee Promotion ) to understand how to minimize friction for the IITH employees.
Affinity Mapping :
I used Affinity Mapping to organize the entire project. I took the 50+ functional requirements from the SRS document and grouped them into six clear, logical modules. This process directly solved the problem of complexity and defined the portal's Information Architecture.
The six core modules I created were: Recruitment & Onboarding, Employee Lifecycle, Daily Service & Requests, Career Performance, Learning & Development, and Financial & Travel Management.
User Personas:
To ensure the design was comprehensive, three distinct personas were created to humanize the design process and address the needs of the entire HR ecosystem.
Internal Users: Two personas were created to reflect the distinct needs of the internal IITH community: Academic Staff (Faculty) and Administrative/Support Staff.
External Users: A third persona was created to cover the external user group (Job Applicants), whose needs centered on recruitment transparency and application management.
Strategic Focus: This comprehensive approach ensured the portal would solve problems for all users, from those managing complex Career Performance tasks to those simply tracking Daily Service & Requests.
DESIGN DIRECTION : BUSINESS + USER NEEDS
I set the design direction by balancing the needs of the institution with the needs of the employee. The business goal was to create a centralized, compliant system for over 50 processes. My focus was to ensure that this complexity resulted in a simple, efficient, and completely transparent experience for every employee.
How Might We (HMW)
These are the key questions I used to turn the problem into actionable design challenges:
How might we centralize over 50 HR processes into a simple, intuitive navigation?
How might we increase user trust by providing real-time status tracking for every request (leave, promotion, travel)?
How might we simplify complex, multi-step forms (like recruitment and appraisal) to reduce manual errors and time spent by employees?
Information Architecture
The IITH HR Portal is a complex system serving multiple, distinct user roles from external job applicants to the institute's Director. The primary challenge of the Information Architecture (IA) was to create a structure that is both powerful for administrative users and simple for everyday employees.
SITE MAP :
The site map below provides a high-level overview of the portal's structure, showing the main entry points and the distinct environments for each primary user role.
Since this is a real-world project for an educational institution. To respect their confidentiality, the detailed some parts of the map are blurred. Under non disclosure agreement.
NAVIGATION SYSTEM:
We chose a persistent left sidebar for consistency. The core innovation is the [Employee | Manager] toggle. This allows users with dual roles to consciously switch contexts, dramatically reducing clutter.
The "Manager View" is intelligent; it dynamically changes the available tools based on the user's role. A Section Officer sees a full suite of operational tools, while a Dean sees a simplified interface focused on final approvals and analytics.
Flows
To ensure the final design was intuitive and efficient, I mapped out the core user journeys. This involved creating both high-level User Flows to understand the end-to-end experience and detailed Task Flows to refine the efficiency of specific actions.
For this case study, I will focus on the most critical and frequent journey in the portal: an employee applying for leave and a manager approving it.
Project Status & Next Steps
Work Accomplished So Far:
I have successfully completed the entire Research and Define phase for the HR Portal. I turned the complex SRS document into a clear Information Architecture and defined all Task and User Flows, setting a strong foundation for the visual design.
Current Status & Next Steps:
The project is actively in the Ideation and Design phase. I am currently working on creating all of the final, high-fidelity screens and the responsive design.
Once the design is complete, the next steps will be:
Testing & Validation: Conducting Usability Testing with key staff members to ensure the new portal is intuitive and meets all efficiency goals.
Final Delivery: Preparing the design for final sign-off and development handover.
THANK YOU FOR YOUR VALUABLE TIME :)
All projects
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.
UI/UX and Product Design
Thumb Ease - One hand Keyboard
A User-friendly Mobile keyboard with smart One-Hand mode & better emoji access.
UI/UX and Product Design
Talendy website Hackathon
We redesigned Talendy’s global website - building a clearer, more professional, and trust-focused platform for companies to hire top Indian engineers for a 2-week hackathon.