Opbygning af et skalerbart designsystem til en B2B-platform for musikpromovering
En case om design af en musikanalyseplatform med intuitive dashboards, datavisualisering og et skalerbart designsystem, der hjælper brugerne med at omsætte komplekse data til anvendelige indsigter.
Branche Musikteknologi
Tjenester Produktdesign · UX/UI-design · Designsystem · Datavisualisering · Visuel kvalitetssikring
S. er en B2B SaaS-platform til den amerikanske musikbranche, der hjælper artister, producere og pladeselskaber med at promovere musikudgivelser til radiostationer.
Projektet begyndte med en tidlig prototype og krævede en komplet produktoplevelse fra bunden. Vores team samarbejdede med kunden om at gøre det første koncept til en skalerbar platform med et ensartet designsprog, genbrugeligt UI-fundament og et designsystem klar til produktbrug.
Udfordring
Platformen krævede en skalerbar grænseflade, som kunne understøtte komplekse analyser og samtidig være intuitiv i daglig brug.
Projektet begyndte tidligt i udviklingen, så alle designbeslutninger skulle tage hensyn til langsigtet vækst. Vi fokuserede på genbrugelige mønstre, skalerbare komponenter og et solidt designfundament, der kunne udvikle sig sammen med produktet, frem for isolerede skærme.
Skabelse af et særligt visuelt sprog
Frem for at bruge generiske digitale paletter udviklede vi et unikt farvesystem inspireret af Montana 94-sprayfarver.
Den fysiske farvepalet blev omhyggeligt overført til et digitalt miljø og blev fundamentet for produktets visuelle identitet. Hver farve blev bevidst udvalgt, navngivet og tildelt en tydelig rolle i designsystemet, hvilket skabte en genkendelig og ensartet grænseflade.
Løsning af udfordringer med datavisualisering
Analyse spillede en central rolle i platformen, så datavisualisering blev en af projektets største UX-udfordringer.
For at forbedre læsbarheden på tværs af dashboards skabte vi en særlig strategi for farverækkefølger, der begrænsede gentagne farver mellem dataserier og bevarede en tydelig visuel forskel selv ved store datasæt.
Tilgangen gjorde diagrammerne tydeligere og sikrede samtidig ensartethed i hele produktet.
Opbygning af et skalerbart designsystem
Designsystemet blev skabt til at understøtte både produktvækst og effektivt samarbejde med udvikling.
Dengang havde designværktøjer langt færre muligheder end i dag, så genbrugelige komponenter, dokumentation, navngivning og implementeringsvejledning krævede omhyggelig planlægning. Dette fundament gjorde det muligt at skalere produktet og samtidig bevare ensartetheden.
Samarbejde fra design til udvikling
Tæt samarbejde med udviklingsteamet var en central del af processen.
Ud over designfiler leverede vi implementeringsvejledninger og udførte visuel QA for at sikre, at det endelige produkt gengav det tilsigtede design præcist. Kvalitetskontrollen omfattede både pixelpræcis implementering, typografi, bogstavafstand, afstandsregler, visuelt hierarki og ensartethed.
Resultat
I tæt samarbejde med kunden udviklede vi en tidlig prototype til et skalerbart B2B SaaS-produkt med et struktureret designsystem, ensartede UX-mønstre og et særpræget visuelt sprog.
Projektet viser vores tilgang til produktdesign: at bygge systemer frem for isolerede grænseflader, løse komplekse UX-udfordringer og skabe digitale produkter, der fortsat kan vedligeholdes, mens de vokser.