Purpose / Brief

ClassPill is building a customized, interactive, and engaging learning system based on game-based learning and a rewarding system based on gamification. (Click here for more information.)

the website is created to help the teachers create interactive exercises for their students. It’s a subscription-based website and the plans depend on the number of students/ class and the number of games the teacher can save. Later on, this website will be a market for teachers to sell their games and make some money  and this video demonstrates the current dashboard 

In this quest, ClassPill needs to enhance the platform user interface. The dashboard has two main user personas - the teacher and the student, they already made the UX and low-fidelity, you can check here, and the main goal is to make high-fidelity 

Objective 

Create a High-Fidelity UI Design for the ClassPill Platform Ensure the following core features are included for both teachers and students: Home, My Class, My Rooms, Profile

Givens

• UX Including User Journey Maps, Site Map, User Flow Diagrams, and Low-Fidelity Wireframes 

• ClassPill's Design System and Guidelines 

• Stories And Actors

Note: After registering, you will receive Figma files containing all the materials.

Deliverables

• High-Fidelity and Responsive UI: Develop detailed Figma designs that incorporate branding elements and precise layouts while considering responsiveness across different devices. Additionally, create high-fidelity mockups for key screens to ensure consistency with the style guide. 

• Interactive Prototypes: after finishing UI mockups use Figma to create clickable prototypes for user testing. 

• Design Documentation: Record a video explanation of the main design decisions and document them in Figma to guide the UI design.

• Developer Handoff: Provide clear and comprehensive design specs and assets to the development team.

We've provided some examples to help clarify, but please don't feel limited by these examples 

Evaluation Criteria

Please read the UI Scorecard to see how the winners will be selected, and how we evaluate the best designs.

The minimum acceptable score is 80 (80% of 100). First  Place, The first submission will get the highest place if two submissions earn the same score. 

Note: If your score is below 80%, you will receive detailed feedback on your submission, and we will not utilize any part of your work.

Submission Guidelines

1. Pre-Submit (Due in One Week) Focus on some of the Teacher Features 

   1. Home

   2. My Classes 

   3. My Rooms (optional) 

2. Final Submission (Due in Two Weeks) 

   1. All Deliverables for Teacher and Student Accounts 

3. Use public, free, and open-source icons, images, and assets.

4. If you design your own icons or images, you accept (if you win one of the prizes you give full copyrights to ClassPill ).