Course search for thousands of courses.

The course search, launched about a decade earlier, had become hard to use: dense information, weak visual hierarchy and difficult search. Every course also carries many conditional fields — schedules, prerequisites, enrolment rules, grading — that were hard to present clearly.

1. 01

   Designing straight toward production

   We went directly into high-fidelity UI in Figma, so stakeholders could compare solutions before any development time was spent. A first concrete direction stood after about a month, and most views were approved within one or two iterations.

2. 02

   UX & UI redesign

   Search, filters, results, course details and a course calendar, scoped for the MVP together with the client. We first thought the calendar was too much for the MVP; the university saw it as essential, so we found a way to build it within the time and budget.

3. 03

   Reusable design system

   Built on Tailwind CSS and Preline, agreed with the university’s engineers: tokens, components and patterns for navigation, search, filters, cards and forms that later carried over to other university services.

4. 04

   Accessible, production-ready frontend

   Responsive HTML, CSS and JavaScript targeting WCAG 2.1 AA — keyboard use, contrast, focus and error states included — while the university’s engineers modernised the platform behind it.

5. 05

   From one project to a partnership

   January 2024: Course Search. Six months later: the Predeparture Portal, a new service that brought an offline process online. Then Student Home, Scheduler and SMART student services — and systems for university staff.