HubL Redesign

Assessor Dashboard & Website Redesign

UX, UI, Branding

A dashboard and student management system design increases workflow efficiency and ease of data access for language assessors at HubL Norwich, and a matching redesigned website made in Framer.

Project Background

HubL is a central, independent hub designed to help asylum seekers, refugees and migrants access English classes through providing free language assessments, aiding access to classes.

The idea was first conceptualised at Sync the City 2023, a 54-hour startup event in Norwich. I joined the team, and following winning the competition's People's Choice Award, I worked with a small group to launch HubL and independently built the existing website and booking system on WordPress.

After over six months of successful usage since launching in October 2024, and over 200 students processed, it became clear that the current dashboard system could do with improvements in a lot of areas.

This project aimed to design an ideal user experience for assessors, without technical constraints, with every aspect tailored to improving the efficiency of an assessor's workflow.

Dashboard
Prepare for upcoming sessions, keep on top of grading and view recent booking data at a glance.
Access shortcuts to sessions and pending tasks.
Bookings
Browse & filter all bookings, with student details, statuses and relevant actions easily accessible.
Dynamic student status indicators respond to attendance marks, grade input, and certificate delivery.
Register Student Attendance
Track students in attendance during a session with relevant information at hand for identity verification & student background.
Automatically bulk update records with statuses once a session is marked as complete.
Grading
Efficiently input multiple student results after a session has concluded, with inline editable grade & progression fields.
Add notes for class providers, and preview certificates before delivering to students. 

Website Redesign

As an additional part of this project, I refreshed HubL's brand with a new, more vibrant and confident colours and consistent type usage.

I applied this to a new website design and layout, something I designed in Figma and adapted to a responsive framer site.

The site is live at hubl.framer.website.