Rethinking Student Progress Tracking

Project Overview

Students in Designlab’s UX Academy faced challenges tracking their course progress, leading to confusion and missed deadlines. The revamped progress tracker aimed to improve clarity, boost motivation, and enhance completion rates for both students and mentors.

Key Features

• Enhanced Progress Visualization: Clear visual indicators for milestones and deadlines.
• Actionable Insights for Mentors: Streamlined tools for tracking and supporting students.
• Real-time Updates: Seamless experience across devices using Tailwind CSS and React.

My Role

As the Lead Front-End Developer, I ensured that all components were reusable, well-documented, and met accessibility best practices. The front end primarily relied on data provided by Django context, which I integrated to enable accurate and dynamic progress tracking. A key part of my role was implementing complex features to calculate and display project deadlines, overdue status, and hours behind schedule. I worked closely with the design team to translate user feedback into impactful UX improvements.

We launched the progress tracking feature to the August cohort of UX Academy (UXA) after a successful beta test with the July cohort. The feature received a 4.6/5 usefulness rating from surveyed students. Many praised its motivational impact, particularly the progress visualisation and module due date indicators, which helped them better plan their schedules.

Testimonials

“Knowing when each module is due to be completed is very motivating. It's also quite encouraging to know when you're ahead of schedule.”

“The new student progress tracker…WOW!!!!!!!!!!!!!!! Seriously though, as a mentor that has been with Designlab for a while, I can't tell you all how much GOLDEN this is!”