Students at the Lucerne University of Applied Sciences and Arts plan each semester around ECTS credits. To choose modules, balance workload, and stay on track, they need a clear view of how many credits are completed and how many are still in progress.

MyCampus contains all registrations, but it does not show an aggregated ECTS total. Instead, students have to open the registration list, scan individual modules, and manually add up credit values across semesters. This is repetitive, time-consuming, and easy to miscalculate, especially as the list grows over time.

Our goal

Create a solution that integrates seamlessly into the existing myCampus flow. We built a browser extension that runs directly on the my Campus platform and turns the available registration data into a clear ECTS overview for semester planning.

The dashboard brings together a small set of components that turn scattered registration data into a clear overview of credit progress. It helps students understand their total ECTS, how credits are distributed across semesters, and what still needs to be completed. Everything is displayed directly within myCampus, so planning decisions can happen in the same flow where registrations are managed.

Once the core elements were defined, we refined the layout and visual system in Figma to make the dashboard feel like a natural part of myCampus. We intentionally aligned typography, spacing, and the overall colour language with the existing platform so the extension reads as “native” rather than an add-on.

We explored two themes, a light mode and a dark mode, but decided to implement the light mode because myCampus itself does not offer a dark mode. To speed up implementation and keep styling consistent, we structured the Figma file so we could reliably transfer layout and styling into the codebase using Figma Dev Mode.

Most challenges were not visual, but structural. We needed to interpret what myCampus already displays and translate it into trustworthy credit calculations, while keeping the interaction transparent within the constraints of a browser extension.

1. DOM parsing from “My Registrations”

The ECTS totals and semester breakdown are derived directly from the “My Registrations” page by parsing the DOM structure and extracting credit values from each module entry. To ensure the dashboard reflects realistic progress, the extension also interprets module status labels and applies clear counting rules, instead of simply summing every listed credit value. This combination of data extraction and status logic was essential to keep the overview accurate and trustworthy.

2. Cross page limitation and explicit refresh actions

A browser extension can only access data from the currently open page, which meant we could not automatically combine information from different myCampus areas in the background. To handle this constraint transparently, we introduced explicit refresh actions, so users can update the dashboard based on the page they are currently viewing. This kept the interaction predictable and avoided the impression that the extension is silently pulling data from elsewhere.

A fully functional Chrome extension was built to run directly in myCampus and turn registered module information into a clear ECTS planning dashboard. It highlights the total ECTS count and provides a detailed semester-by-semester breakdown, making credit progress instantly readable. A side panel complements the dashboard with quick links to key myCampus areas for faster navigation.

To make the Extension easy to use, we also delivered a short installation guide for manual ZIP setup in Chrome.

We did not implement the planned “Upcoming module registrations” view due to limited time. In practice, students are typically reminded about these registration windows through email and calendar notifications, so we prioritised shipping the core ECTS dashboard and included a Personal Details panel instead.

Working with Yannick was highly efficient and collaborative. We shared responsibilities across problem framing, interface design, and implementation, which kept decisions fast and reduced handover friction. Despite the short timeframe, we shipped a working extension and gained hands-on insight into what browser extensions can and cannot do.

The most effective part of our approach was choosing a solution that could live directly inside the existing myCampus flow. Instead of outlining how the platform should change, we delivered a usable tool that integrates into the real planning moment and removes the manual ECTS counting work.