Student Profile & Grade Card Pop-Up

This project showcases an interactive pop-up card design tailored for middle school students. It blends user-friendly UI/UX principles with educational functionality, adhering to the twelve-point grading system. The pop-up card highlights essential student information such as name, photo, surname, average grades in key subjects, number of missed lessons, age, and class. A separate pop-up grade card uses the 12-point grading system to present academic performance clearly and concisely.

  • The design ensures information is easily accessible and visually appealing, with a clear hierarchy and seamless navigation.

  • Average grades and attendance records are presented in a way that is straightforward for both students and educators to understand.

  • The pop-up mechanism provides a dynamic user experience, enhancing engagement and making the information memorable.

Users can switch between dark and light modes, enhancing readability and providing a comfortable viewing experience in different lighting conditions. The design adapts seamlessly to both modes, maintaining visual appeal and usability.

Thoughtful design can enhance the presentation of student information, making it both functional and enjoyable to interact with, while meeting the specific needs of educational institutions.

More by Mariia Leonenko

View profile