Ein skalierbares Designsystem für eine B2B-Musikpromotion-Plattform entwickeln
Eine Fallstudie zum Design einer Musikanalyseplattform mit intuitiven Dashboards, Datenvisualisierung und einem skalierbaren Designsystem, das komplexe Daten in handlungsrelevante Erkenntnisse übersetzt.
Branche MusicTech
Leistungen Produktdesign · UX/UI-Design · Designsystem · Datenvisualisierung · Visuelle Qualitätssicherung
S. ist eine B2B-SaaS-Plattform für die US-Musikbranche, die Künstlern, Produzenten und Labels hilft, Musikveröffentlichungen bei Radiosendern zu bewerben.
Das Projekt begann mit einem frühen Prototyp und erforderte ein vollständiges Produkterlebnis von Grund auf. Gemeinsam mit dem Kunden entwickelten wir das erste Konzept zu einer skalierbaren Plattform mit einheitlicher Designsprache, wiederverwendbaren UI-Grundlagen und einem produktionsreifen Designsystem.
Herausforderung
Die Plattform benötigte eine skalierbare Oberfläche für komplexe Analysen, die im täglichen Gebrauch dennoch intuitiv bleibt.
Weil das Projekt früh begann, musste jede Designentscheidung langfristiges Wachstum berücksichtigen. Statt isolierter Ansichten schufen wir wiederverwendbare Muster, skalierbare Komponenten und eine solide Designgrundlage, die sich mit dem Produkt weiterentwickeln kann.
Eine eigenständige visuelle Sprache entwickeln
Statt allgemeiner digitaler Paletten entwickelten wir ein eigenes Farbsystem, inspiriert von den Sprühfarben der Reihe Montana 94.
Die physische Farbpalette wurde sorgfältig in eine digitale Umgebung übertragen und zur Grundlage der visuellen Produktidentität. Jede Farbe wurde bewusst ausgewählt, benannt und mit einer klaren Rolle im Designsystem versehen. So entstand eine wiedererkennbare, konsistente Oberfläche.
Herausforderungen der Datenvisualisierung lösen
Analysen spielten in der Plattform eine zentrale Rolle. Datenvisualisierung wurde dadurch zu einer der größten UX-Herausforderungen des Projekts.
Für besser lesbare Dashboards entwickelten wir eine eigene Strategie für Farbfolgen. Sie reduzierte Farbwiederholungen zwischen Datenreihen und hielt die Reihen auch bei großen Datenmengen visuell klar unterscheidbar.
Dieser Ansatz verbesserte die Klarheit der Diagramme und sicherte Konsistenz im gesamten Produkt.
Ein skalierbares Designsystem aufbauen
Das Designsystem wurde für Produktwachstum und effiziente Zusammenarbeit mit der Entwicklung geschaffen.
Die damaligen Designwerkzeuge boten deutlich weniger Möglichkeiten als heute. Wiederverwendbare Komponenten, Dokumentation, Namenskonventionen und Implementierungsrichtlinien mussten deshalb sorgfältig geplant werden. Auf dieser Grundlage konnte das Produkt wachsen, ohne an Konsistenz zu verlieren.
Zusammenarbeit von Design und Entwicklung
Die enge Zusammenarbeit mit dem Entwicklungsteam war ein zentraler Teil des Prozesses.
Zusätzlich zu den Designdateien erstellten wir Umsetzungshinweise und führten visuelle Qualitätsprüfungen durch, damit das fertige Produkt der gestalterischen Absicht entsprach. Die Prüfung umfasste neben der präzisen Umsetzung auch Typografie, Laufweite, Abstandsregeln, visuelle Hierarchie und Konsistenz.
Ergebnis
In enger Zusammenarbeit mit dem Kunden haben wir einen frühen Prototyp in ein skalierbares B2B-SaaS-Produkt überführt, getragen von einem strukturierten Designsystem, konsistenten UX-Mustern und einer eigenständigen visuellen Sprache.
Das Projekt zeigt unseren Ansatz im Produktdesign: zusammenhängende Systeme statt isolierter Oberflächen aufbauen, komplexe UX-Probleme lösen und digitale Produkte schaffen, die auch mit zunehmendem Wachstum wartbar bleiben.