Introduction

 📍 Background

In Rwanda, Umuganda, a monthly community service day, is a vital civic tradition. The current system for tracking attendance and fines is outdated and inefficient. Your challenge is to design an intuitive, accessible, and user-friendly interface that improves the experience for citizens, local leaders, and sector officials.

🧩 Your Challenge

Design a high-fidelity prototype for the Umuganda Attendance & Fines Tracking System (UATS) that addresses the needs of:

1. Citizens: Easily view participation history, check fines, and make payments.

2. Local Leaders: Efficiently record attendance and manage sessions.

3. Sector Officials: Monitor participation trends and enforce fines.

Your design must prioritize usability, accessibility, and scalability.

✅ Requirements

1. Research & Discovery (20 pts)

- Conduct user research (create personas or user stories).

- Define key user flows (e.g., recording attendance, checking fines).

- Provide a competitive analysis of similar systems.

2. Wire framing & Prototyping (30 pts)

- Create low-fidelity wireframes for all key screens.

- Develop a high-fidelity interactive prototype (Figma, Adobe XD, etc.).

- Include responsive designs for mobile and desktop.

3. UI Design & Accessibility (30 pts)

- Design a visually appealing and consistent interface.

- Ensure accessibility (colour contrast, screen reader compatibility).

- Provide a style guide (typography, colours, icons, etc.).

4. Documentation & Presentation (20 pts)

- Submit a design rationale explaining your choices.

- Include a user testing plan or feedback from peers.

- Prepare a 5-minute video walkthrough of your prototype.

✨ Bonus Features (Optional)

- Micro-interactions or animations to enhance UX.

- Dark mode or other accessibility enhancements.

- Localized design (support for Kinyarwanda language).

- Gamification elements (e.g., badges for participation).

📤 Submission Requirements

1. Design Files (Figma, Adobe XD, or similar):

   - Wireframes and high-fidelity prototypes.

   - Style guide and design system.

2. Documentation (PDF or Markdown):

   - User research findings.

   - Design rationale and key decisions.

   - User testing results (if applicable).

3. Video Walkthrough (Optional but recommended):

   - Demo of the prototype with narration.

Tools and Technologies

- Figma, Adobe XD, Sketch, or similar design tools.  

- Miro or Whimsical for wireframing.  

- User testing tools (e.g., UsabilityHub, Maze). 

Inspiration

- [GitHub Student Developer Pack](Link)