High-Fidelity Prototype
After received very positive feedbacks from our client, we decided to create a high-fidelity prototype using Figma. This prototype is a detailed, polished design that includes specific fonts, colors, and images that will be carried over to the final product. By using a high-fidelity prototype, we can ensure that the final product meets the necessary requirements and expectations of our clients.
Figma is a web-based, free-to-use, and industrial-level design and prototyping tool that is commonly used for creating user interfaces. We chose to use Figma for our high-fidelity prototyping because of its rich set of features and relatively smooth learning curve. With Figma, we were able to create a detailed prototype that accurately represents the final product easily and quickly.
Here are the links to the lecturer portal (opens in a new tab) and the admin portal (opens in a new tab). They are interactive displays to showcase the complete Figma design. However, due to space limitations, we can only include some of the most important pages on this website.
Login Page with UCL SSO Integration

Lecturer Signup Page

Lecturer Dashboard

Aggregated Traffic Light System Insight for a Module

Table of All Enrolled Students in a Module

Bulk Upload of Student Data from a File

Aggregated Traffic Light System Insight for a Specific Team

Weekly Traffic Light Assessment for a Specific Team
