2025

GitlabHost Dashboard

Ik bouwde de front-end van het GitlabHost-dashboard van ontwerp tot live UI. Onboarding, instance- en runnerbeheer, billing, support en instellingen komen samen in één product dat in de praktijk consistent aanvoelt.

Mijn rol: Lead front-end engineer
De vraag: Het dashboard moest veel verschillende workflows en states ondersteunen, zonder dat het als losse schermen aanvoelde.
Het resultaat: Het dashboard voelt nu als één product in plaats van losse onderdelen. Ook bij complexere flows blijft het overzichtelijk, en nieuwe modules zijn toe te voegen zonder de UI opnieuw op te bouwen.

Stack

Django
HTMX
Alpine.js
Tailwind CSS
Chart.js
DU Dashboard UX

UI-ontwerp door Martijn Runia · Front-end architectuur en product-UI implementatie door Frank Spin · Feature-level technische implementatie door het interne development team van GitlabHost

Screenshot van GitlabHost Dashboard: home

Aanpak

Martijn zette de visuele richting neer. Ik vertaalde die naar herbruikbare Django-templates en front-end componenten met HTMX, Alpine.js, Tailwind CSS en Chart.js. We liepen de belangrijkste gebruikersflows in de browser door en legden de relevante states vast, zodat ontwerp en implementatie in sync bleven. De feature-level technische implementatie is uitgevoerd door het interne development team van GitlabHost.