CBSE Homepage Redesign Case Study
Timeline
June 2024 (1 week)
Introduction
Overview of the Project
This personal project aimed to redesign the desktop homepage of the Central Board of Secondary Education (CBSE) to enhance user experience and navigation. The original website presented several challenges, including a cluttered interface, confusing navigation, and poorly organized content. The redesign simplified the layout, improved accessibility, and better organized the information, resulting in a more user-friendly and efficient homepage.
Before and After
A Visual Comparison
Before (CBSE Original Homepage)
- Overcrowded navigation with unnecessary elements.
- Traditional dropdown menus.
- Distracting rotating display in the main section.
- News and updates presented in a vertical list.
- Disorganized resource cards with poor spacing.
- Footer background image reducing readability.
After (Redesign of the CBSE Homepage)
- Simplified navigation with a clear header and larger menu.
- Main section features a fixed background image and clear call-to-action.
- Interactive news and updates section with "Show More" and "Show Less" buttons.
- Well-organized resource cards that are easy to read and uniformly designed.
- Footer with a solid background for improved visibility.
Redesign Process
Steps Taken
Analysis of Current Design
- Reviewed the current CBSE homepage to identify areas for improvement.
- Noted issues such as a confusing layout, inefficient use of space, lack of helpful features, and outdated design.
Inspiration and Wireframing
- Studied other educational websites for inspiration, focusing on clean layouts and intuitive navigation.
- Created low-fidelity wireframes to visualize the new structure and user flow.
High-Fidelity Design
The high-fidelity design was built upon the wireframe, incorporating images, typography, icons, and colors to enhance the overall look and feel.
Prototype
Utilized Figma's prototype features to create an interactive version of the redesigned homepage. Feel free to explore the prototype.
Key Improvements
Enhancements Made
Header
Hero Section
News and Updates Section
Resources Section
Footer
Conclusion
Project Reflections
This project provided a valuable learning experience in updating the CBSE desktop homepage to enhance user navigation and enjoyment. By simplifying the layout, improving accessibility, and better organizing content, the new homepage is neater, more organized, and easier to use. Although there is still room for improvement, this redesign has significantly enhanced the original design, making the CBSE website more user-friendly and effective.