Designing and Testing the Frontend - HAN Accessibility Lab

Designing and Testing the Frontend of the Student Assignment Portal

To streamline project-based learning and student collaboration, the AIM team is developing a student assignment portal. This portal will allow students to browse assignments, register for projects, and track their progress. While the backend is under development, a modern, user-friendly frontend is essential to support the student experience.

The assignment

You will design and implement a user-centered frontend for the Student Assignment Portal. You will research user needs, prototype key screens, and develop a functional frontend using modern web technologies. The frontend should integrate with an existing or mock backend (e.g., FastAPI or a mock server) and be tested with real users.

What you will do

• Conduct a lightweight user needs analysis (interviews, survey, or desk research) to understand what students and staff need from the portal.

• Create low-fidelity and high-fidelity prototypes (e.g. Figma or pen-and-paper).

• Implement the frontend using a modern JavaScript framework (React, Vue, or similar).

• Integrate with a mock or live API backend.

• Perform usability testing with students and/or staff.

• Document your design process and justify your choices based on user feedback.

Deliverables

• A documented design process (including user research, prototypes, and user flows).

• A responsive, working frontend application published on GitHub.

• Integration with an API (live or mocked).

• A usability test report with findings and recommendations.

• A short demo video (max 5 minutes) presenting the application and how it supports student project participation.