Web & product
Tandwiel
Een planningsdashboard waarin structuur en overzicht samenkomen — strak, technisch en eigenzinnig.
Het probleem
Een vastgelopen interface
Een groeiende SaaS met te veel knoppen, te weinig hiërarchie en geen gedeelde taal tussen design en development. Het product groeide met schokken mee.
We brachten rust en systeem: een designsysteem met variabelen voor licht én donker, een raster en een componentbibliotheek — zodat design en development eindelijk vanuit één recept werken.
Van chaos naar systeem
Hoe we het aanpakten
Ontleden
We brachten elk scherm en elke component in kaart en zochten de patronen eronder.
Structureren
Een raster, een schaal en variabelen als fundament onder het hele product.
Opbouwen
Componenten met varianten en states, gedocumenteerd en klaar voor het team.
Onze aanpak
Eén bron van waarheid
Alles gebonden aan variabelen: kleur, spacing en typografie. Een wijziging op één plek werkt overal door, in beide thema's.
In de praktijk
Klaar voor het team
Componenten met states en documentatie die het team zelf kan uitbreiden. Geen losse ingrediënten meer, maar een werkend recept.
“Eén bron van waarheid — van ontwerp tot code. Dat scheelt eindeloos heen-en-weer.”
Het resultaat
Sneller en rustiger
Een schaalbaar dashboard dat sneller te bouwen is en prettiger te gebruiken. Het team werkt nu vanuit één systeem in plaats van losse schermen.
- 2×
- sneller bouwen
- 140+
- componenten
- 2
- thema's, één bron