Urbix Hub – Driving School LMS

I designed Urbix Hub, a learning management system (LMS) for driving schools to manage student learning, exam scheduling, and performance tracking. Covering students, instructors, and administrators, it included user research, IA, prototyping, and high-fidelity system design.After two iterations and client feedback, scheduling workflows were smoother and student engagement improved.

Situation

Driving school operators face numerous challenges in training management: students struggle to find course progress, exam schedules are fragmented, instructors take a long time to upload courses, and administrators struggle to track learning data.

The existing interface, with its cluttered colors and unclear hierarchy, resembles a "poster" more than a system. Urbix Hub aims to create an efficient and scalable LMS platform to address these pain points.

Chinese Pin Yin vs.English Pronounciation:Pinyin serves as the first mental model for understanding letter-to-sound relationships. However, this model becomes a barrier when learning English. For instance, students may pronounce the English letter "i" as [i], or mispronounce "r" as a harsh Chinese retroflex. These patterns of interference result in persistent pronunciation errors and even hinder students’ confidence in speaking English。

Task

As the lead designer, my responsibilities include:Designing an end-to-end experience for three user groups;Clarifying information hierarchy and addressing efficiency issues;Building a design system to ensure visual and interactive consistency;Collaborating with product managers and engineers to drive the complete design process from requirements to delivery.

Action

Conducted user research, mapped task flows, designed multi-role modules, built a design system, and iterated through testing and collaboration to deliver high-fidelity prototypes.

User Research & Task Flow Analysis: Interviewed 8 students, 3 coaches, 2 admins; mapped core flow: registration → study → practice → review.Created journey maps; identified pain points: missing progress indicators, batch processing, and data visualization.

Information Architecture& Interaction: Designed three modules: learning center (students), course/exam management (coaches), dashboard (admins).Used tables, calendars, filters to simplify B-side operations.

Visual Standards & Design System: Built Urbix Design System: color, typography, spacing, component library (tables, charts, progress bars).Tokenized system: 1 primary, 3 functional, and neutral palette for

consistency.Collaboration &Iteration: Prioritized features with PM; launched learning progress and exam scheduling first.Weekly reviews with engineers; improved development fidelity via specs.Two rounds of user testing; refined exam path and dashboard readability.


Create a free website with Framer, the website builder loved by startups, designers and agencies.