NIFT
CMS Portal Redesign
UI/UX Case study
ANALYSING THE PROBLEM
Existing Website
No hierarchy
No colour consistency
Different fonts
links doesn’t open
unnessary informations
Search button doesn’t work
No history or backup of search options
multiple profile sections
different colors and sizes used for links
Bad UI
Links doesn’t open
Some information written twice
Too many color usage
Did Indepth analysis for overall user flow
Problem
Improper Hierarchy
Multiple links
No visual Language
No back button
Flooding information
Cluttered home Page
Pages reload to home page.
No history or backup of search options
Pages trigger automatic logouts
Evaluation Principle
Recognition rather than recall
User control and freedom
User control and freedom
Consistency and standards
Aesthetic and minimal design
Visibility of system status
flexibility and efficiency of use
Flexibility and efficiency of use
Visibility of system status
Solution
Redesigned IA
Reorganise
Implemeted consistent visual language
Include a clear and prominent back button or breadcrumb
Simplify and prioritize information
Clear visual hierarchy and minimal distractions.
Provide clear system status feedback
Allow users to save and access their search history
Provide clear warning messages
Quantitative Analysis
I did an online survey using google forms to observe any pattern and similarity in what the users may want.
NIFT CMS is a platform for NIFT students to access academic information
such as grades, attendance, performance reports, semester results, fees, and electives.
Background🤯
As a student, I often found myself frustrated with our college CMS portal. The interface is cluttered, navigation is confusing, and finding important information like attendance or grades is a big challenge. I realized this wasn't just my problem, many others felt the same.
Why Redesign?🤔
The NIFT CMS portal needs a redesign for several reasons
Poor user experience due to cluttered and confusing interface
Outdated design
Inefficient navigation with too many clicks
Inconsistent information architecture.
Goal of this project🎯
The project aims to enhance user experience and usability by simplifying the interface, improving visual design, and streamlining navigation.
Old design
New design
What was my approach to solve this problem?😵
Analysing the Probem
Analyzed the problem with the current portal and gathered feedback from users.
01
02
Understanding the user
conducted user research to understand user needs and behaviors.
Brainstorming ideas
Created user flow diagrams to identify pain points and areas for improvement
03
04
User flow/ IA
Analyze the problem with the current portal and gather feedback from users.
Final Design
Finalize the design by adding in necessary details and ensuring it meets user needs.
05