Een schaalbaar designsysteem voor een B2B-muziekpromotieplatform bouwen
Een case over een muziekanalyticsplatform met intuïtieve dashboards, datavisualisatie en een schaalbaar designsysteem waarmee gebruikers complexe data vertalen naar bruikbare inzichten.
Sector MusicTech
Diensten Productdesign · UX/UI-design · Designsysteem · Datavisualisatie · Visuele QA
S. is een B2B-SaaS-platform voor de Amerikaanse muziekindustrie dat artiesten, producers en labels helpt muziekreleases onder de aandacht van radiostations te brengen.
Het project begon met een vroeg prototype en vroeg om een volledige productervaring vanaf de basis. Ons team werkte met de klant samen om het eerste concept om te zetten in een schaalbaar platform met een consistente ontwerptaal, herbruikbare UI-bouwstenen en een designsysteem klaar voor productontwikkeling.
Uitdaging
Het platform had een schaalbare interface nodig die complexe analytics ondersteunt en tegelijk intuïtief blijft voor dagelijks gebruik.
Omdat het project in een vroege fase begon, moest elke ontwerpkeuze rekening houden met langdurige productgroei. We ontwierpen geen losse schermen, maar richtten ons op herbruikbare patronen, schaalbare componenten en een stevige ontwerpbasis die met het product kon meegroeien.
Een eigen visuele taal ontwikkelen
In plaats van algemene digitale paletten ontwikkelden we een eigen kleursysteem, geïnspireerd op de spuitbussen van Montana 94.
Het fysieke kleurenpalet is zorgvuldig vertaald naar een digitale omgeving en werd de basis van de visuele productidentiteit. Elke kleur is bewust gekozen, benoemd en aan een duidelijke rol binnen het designsysteem gekoppeld. Zo ontstond een herkenbare, consistente interface.
Uitdagingen in datavisualisatie oplossen
Analyses speelden een centrale rol in het platform, waardoor datavisualisatie een van de grootste UX-uitdagingen van het project werd.
Om dashboards beter leesbaar te maken, ontwikkelden we een eigen strategie voor kleurvolgorde. Die beperkt herhaling tussen grafiekreeksen en houdt ze visueel onderscheidbaar, ook bij grote datasets.
Deze aanpak maakte grafieken duidelijker en hield het hele product consistent.
Een schaalbaar designsysteem bouwen
Het designsysteem is gemaakt voor zowel productgroei als efficiënte samenwerking met development.
Ontwerptools boden destijds veel minder mogelijkheden dan nu. Dat vroeg om een zorgvuldige opzet van herbruikbare componenten, documentatie, naamgeving en implementatierichtlijnen. Dankzij die basis kon het product groeien zonder aan consistentie in te leveren.
Samenwerking tussen design en development
Nauwe samenwerking met het ontwikkelteam was een belangrijk deel van het proces.
Naast designbestanden leverden we implementatierichtlijnen en visuele QA om te bewaken dat het eindproduct het ontwerp getrouw volgde. De kwaliteitscontrole ging verder dan pixelnauwkeurigheid: ook typografie, letterafstand, witruimteregels, visuele hiërarchie en consistentie werden bekeken.
Resultaat
Door nauw samen te werken met de klant maakten we van een vroeg prototype een schaalbaar B2B-SaaS-product, ondersteund door een gestructureerd designsysteem, consistente UX-patronen en een eigen visuele taal.
Het project toont onze aanpak van productdesign: systemen bouwen in plaats van losse interfaces, complexe UX-vraagstukken oplossen en digitale producten maken die ook tijdens hun groei onderhoudbaar blijven.