CBSE-
Interface Redesign
CBSE-
Interface Redesign
CBSE-
Interface Redesign
Enhancing the usability and accessibility of the
CBSE website to empower students, parents, and educators.
Enhancing the usability and accessibility of the CBSE website to empower students, parents, and educators.
Enhancing the usability and accessibility of the CBSE website to empower students, parents, and educators.
Overview
Overview
Overview
CBSE is an important and widely used website, especially for students, parents, and educators. Despite its significance, the platform had several usability and accessibility issues that made navigation difficult and frustrating. This project aimed to transform the website into a more intuitive, user-friendly, and modern experience—without compromising on its functionality or purpose.
The CBSE website redesign focused on cutting the confusion—starting with ditching a cluttered main page that left users lost. With research, iterations, and an eye for usability, we tried building a cleaner, smarter, and more user-friendly experience.
Role
Role
UI Designer
UI Designer
Team size
Team size
05
05
Category
Category
Redesign
Redesign
Duration
Duration
3 weeks
3 weeks
What is CBSE?
What is CBSE?
What is CBSE?
CBSE, India’s leading educational board, manages school education nationwide. Its website is a key resource for students, parents, and educators, providing exam schedules, curriculum updates, and announcements. However, usability issues make finding information difficult.
CBSE, India’s leading educational board, manages school education nationwide. Its website is a key resource for students, parents, and educators, providing exam schedules, curriculum updates, and announcements. However, usability issues make finding information difficult.
CBSE, India’s leading educational board, manages school education nationwide. Its website is a key resource for students, parents, and educators, providing exam schedules, curriculum updates, and announcements. However, usability issues make finding information difficult.
The Problem?
As the central source of information for students, parents, and educators across the country, the CBSE website carries immense responsibility—but its user experience didn’t quite live up to the task. Instead of guiding users, it often left them guessing. With a cluttered interface, inconsistent design patterns, and poorly structured content, even basic tasks like locating results or circulars felt like navigating a digital obstacle course. For a platform of such importance, the experience was more frustrating than functional.
The Problem?
As the central source of information for students, parents, and educators across the country, the CBSE website carries immense responsibility—but its user experience didn’t quite live up to the task. Instead of guiding users, it often left them guessing. With a cluttered interface, inconsistent design patterns, and poorly structured content, even basic tasks like locating results or circulars felt like navigating a digital obstacle course. For a platform of such importance, the experience was more frustrating than functional.
The Problem?
As the central source of information for students, parents, and educators across the country, the CBSE website carries immense responsibility—but its user experience didn’t quite live up to the task. Instead of guiding users, it often left them guessing. With a cluttered interface, inconsistent design patterns, and poorly structured content, even basic tasks like locating results or circulars felt like navigating a digital obstacle course. For a platform of such importance, the experience was more frustrating than functional.
Research
Research
Research
WHO ARE WE SOLVING FOR?
WHO ARE WE SOLVING FOR?
WHO ARE WE SOLVING FOR?
CBSE Students
Teachers
Teachers
School Administrators
School Administrators
School Administrators
WHAT ARE WE SOLVING?
WHAT ARE WE SOLVING?
To gain a deeper understanding of the CBSE website’s functionality and user experience, we conducted a Heuristic Evaluation. This evaluation helped identify usability issues and areas that need improvement.
To gain a deeper understanding of the CBSE website’s functionality and user experience, we conducted a Heuristic Evaluation. This evaluation helped identify usability issues and areas that need improvement.
The CBSE website is structured into six main sections, each serving a distinct purpose to enhance accessibility and streamline user navigation
The CBSE website is structured into six main sections, each serving a distinct purpose to enhance accessibility and streamline user navigation
What did I discover?
What did I discover?
What did I discover?
POSSIBLE HEURISTIC CONCERNS
POSSIBLE HEURISTIC CONCERNS
INSIGHTS
Visual Clutter
Important resources are buried under multiple menus, making information retrieval difficult.
Disorganized Layout
The interface lacks a modern, user-friendly experience, impacting engagement.
Poor Information Architecture
Disorganized content layout leads to confusion and inefficiency.
Outdated User Experience
Unnecessary elements clutter the interface, reducing usability
USER RESEARCH
USER RESEARCH
Interviews with students and teachers revealed a common challenge: navigation barriers hindering accessibility, making it difficult to find crucial academic resources efficiently.
Interviews with students and teachers revealed a common challenge: navigation barriers hindering accessibility, making it difficult to find crucial academic resources efficiently.
User Demographics
User Demographics
The CBSE website attracts a diverse audience, including students, educators, and professionals from various age groups. A significant portion of users come from urban areas, while others reside in suburban and rural regions, reflecting a broad geographical reach.
The CBSE website attracts a diverse audience, including students, educators, and professionals from various age groups. A significant portion of users come from urban areas, while others reside in suburban and rural regions, reflecting a broad geographical reach.
Website Usage & User Behavior
Website Usage & User Behavior
Users frequently visit exam-related pages, the homepage, and syllabus sections, emphasizing a strong focus on academic resources. While some consider the website helpful and informative, many users feel improvements in accessibility and content organization could enhance their overall experience.
Users frequently visit exam-related pages, the homepage, and syllabus sections, emphasizing a strong focus on academic resources. While some consider the website helpful and informative, many users feel improvements in accessibility and content organization could enhance their overall experience.
How might we redesign the CBSE website to make it more intuitive, organized and accessible, so that students, parents and educators can quickly find the information they need without frustration?
Organizing the Chaos
Organizing the Chaos
CARD SORTING
CARD SORTING
Through a combination of physical and optimal card sorting sessions, we identified patterns in user behavior to enhance navigation and accessibility.
Through a combination of physical and optimal card sorting sessions, we identified patterns in user behavior to enhance navigation and accessibility.
Mapping the Journey
Mapping the Journey
USER FLOW
USER FLOW
Through a combination of physical and optimal card sorting sessions, we identified patterns in user behavior to enhance navigation and accessibility.
Through a combination of physical and optimal card sorting sessions, we identified patterns in user behavior to enhance navigation and accessibility.
MAIN PAGE
MAIN PAGE
ACADEMIC WEBSITE
ACADEMIC WEBSITE
Outcome
Outcome
LANDING PAGE ITERATIONS
LANDING PAGE ITERATIONS
Ideation 1
Ideation 1
We chose to eliminate the main page with six options as it caused confusion for users at the very beginning of their journey. Our primary focus was to determine the most effective way to integrate these options, ensuring that each served its distinct purpose without making navigation difficult. Through multiple iterations, we refined the structure to create a more seamless and intuitive user experience.
We chose to eliminate the main page with six options as it caused confusion for users at the very beginning of their journey. Our primary focus was to determine the most effective way to integrate these options, ensuring that each served its distinct purpose without making navigation difficult. Through multiple iterations, we refined the structure to create a more seamless and intuitive user experience.
Hero section and Navigation
WHAT DIDN'T WORK?❌
WHAT DIDN'T WORK?❌
WHAT DIDN'T WORK?❌
Hidden menu added an extra touchpoint, making essential parts less discoverable, increasing user effort, slowing navigation, and adding unnecessary complexity to the user experience.
Hidden menu added an extra touchpoint, making essential parts less discoverable, increasing user effort, slowing navigation, and adding unnecessary complexity to the user experience.
Final Ideation
Final Ideation
LANDING PAGE
LANDING PAGE
We designed the landing page by prioritizing user needs, structuring content based on key findings, and ensuring a clear hierarchy for easy access to essential CBSE resources.
We designed the landing page by prioritizing user needs, structuring content based on key findings, and ensuring a clear hierarchy for easy access to essential CBSE resources.
ACADEMIC WEBSITE
ACADEMIC WEBSITE
The Academic Website provides curriculum guidelines, syllabus, sample papers, teacher training, and academic resources for students and educators.
The Academic Website provides curriculum guidelines, syllabus, sample papers, teacher training, and academic resources for students and educators.
Events and announcements related to academics
Events and announcements related to academics
Extra curriculars grouped together for easy access
Extra curriculars grouped together for easy access
Links to external portals
Links to external portals
Easy access to other 5 parts of the wensites
Easy access to other 5 parts of the websites
LIBRARY
LIBRARY
The library is structured for easy navigation, enabling users to refine their search efficiently and find relevant resources effortlessly.
The library is structured for easy navigation, enabling users to refine their search efficiently and find relevant resources effortlessly.
BRANDBOOK
BRANDBOOK
We created a complete brand book with guidelines on typography, colors, logos, and tone to ensure consistency and strong brand identity.
We created a complete brand book with guidelines on typography, colors, logos, and tone to ensure consistency and strong brand identity.
