Studio Live
Fans mit der Musik verbinden, die sie lieben.
Branche: Entertainment, Musik | Stack: Figma, iOS, Android | Umfang: UX/UI-Design
Was Studio Live ist#
Studio Live ist eine mobile App, die Musikfans direkt mit Künstlern und Produzenten verbindet. Fans erhalten einen zentralen Ort, um Künstlern zu folgen, neue Musik zu entdecken und auf exklusive Inhalte zuzugreifen. Künstler und Produzenten erhalten eine direkte Verbindung zu ihrem Publikum, ohne dass ein Plattformalgorithmus entscheidet, wer was sieht.
Dies war ein UX/UI-Design-Auftrag. Silverthread Labs gestaltete die vollständige Benutzererfahrung und Oberfläche für iOS und Android: Onboarding, Künstler-Entdeckung, Content-Feeds, Folge-Mechaniken und Flows für exklusiven Zugang.
Das Design-Problem#
Musikentdeckung wird von Algorithmen dominiert, die Plattformen dienen, nicht Fans#
Der globale Musik-App-Markt wurde 2025 auf 35,59 Milliarden US-Dollar bewertet und soll bis 2035 auf 76,42 Milliarden US-Dollar anwachsen (Business Research Insights, 2025). Etwa 62 % der globalen Verbraucher bevorzugen kuratierte Playlists (Mordor Intelligence, 2025). Diese Zahlen sind weder überraschend noch besonders aufschlussreich. Was sie bestätigen: Eine Handvoll Plattformen hat enormen Einfluss darauf, was Menschen tatsächlich hören, und sie nutzen ihn, um die Sitzungsdauer zu optimieren — nicht für etwas, das ein Fan als Verbindung erkennen würde.
Spotify, Apple Music und YouTube Music sind darauf ausgelegt, Sie am Zuhören zu halten. Sie sind nicht darauf ausgelegt, Ihnen zu helfen, die Reise eines Künstlers zu verfolgen, seine Kollaborateure zu entdecken oder auf Studiosessions und unveröffentlichte Werke zuzugreifen, die engagierten Fans wichtig sind. Das Interesse der Plattform und das Interesse des Fans divergieren, und die Plattform gewinnt immer. Studio Live wurde um die andere Seite davon herum gestaltet.
Design für emotionale Verbindung in einem überfüllten Markt#
Die Beziehung zwischen einem Fan und einem Künstler ist nicht transaktional, wie es die meisten App-Interaktionen sind. Fans durchstöbern keine Produkte. Sie suchen eine Verbindung zu jemandem, dessen Arbeit ihnen persönlich etwas bedeutet. Diese Unterscheidung verändert fast jede Design-Entscheidung — von der Art, wie man einen neuen Künstler vorstellt, bis hin zur Bezeichnung exklusiver Inhalte.
Die dominierenden UX-Trends im Mobile-Bereich für 2025 fokussieren sich auf Personalisierung, flüssige Navigation und minimalistische Oberflächen (Fuselab Creative, 2025; SPDLoad, 2025). Studio Live folgt diesen Prinzipien, aber das schwierigere Design-Problem war weder Navigation noch Layout. Es ging darum, exklusive Inhalte als Zugang wirken zu lassen statt als Paywall, und Entdeckung persönlich wirken zu lassen statt algorithmisch. Diese beiden Dinge sind leicht gesagt und in der Praxis wirklich schwer umzusetzen.
Was wir gestaltet haben#
Künstler-Entdeckungs-Flow#
Die Entdeckungserfahrung ermöglicht es Fans, neue Künstler durch kuratierte Empfehlungen, Genre-Browsing und soziale Signale zu finden: mit wem die gefolgten Künstler zusammenarbeiten, wem Fans mit ähnlichem Geschmack folgen. Das Design priorisiert das Finden von Neuem gegenüber dem Anzeigen des bereits Bekannten.
Kartenbasierte Layouts mit Audiovorschauen, Künstler-Biografien und Folge-Aktionen sind alle zugänglich, ohne die Browse-Erfahrung zu verlassen. Das konkrete Ziel war, die Schritte zwischen „etwas Interessantes hören" und „diesem Künstler folgen" auf so wenige Taps wie möglich zu reduzieren, denn genau dieser Moment der Reibung ist es, an dem die meisten Entdeckungs-Tools ihre Nutzer verlieren.
Folge- und Feed-Mechaniken#
Einem Künstler in Studio Live zu folgen ist mehr als ein Abo-Toggle. Die Folge-Aktion eröffnet eine dauerhafte Beziehung: Neue Veröffentlichungen erscheinen im Feed, Updates tauchen in den Benachrichtigungen auf, und exklusive Inhalte werden basierend auf dem Engagement-Level zugänglich.
Der Feed balanciert Aktualität mit Relevanz. Neue Veröffentlichungen gefolgter Künstler haben Priorität. Exklusive Drops erhalten prominente Platzierung. Der Feed vergräbt Inhalte kleinerer Künstler nicht hinter algorithmischer Sortierung. Wem man folgt, den sieht man. Das klingt offensichtlich, ist aber nicht so, wie eine der großen Plattformen funktioniert.
Exklusiver Content-Zugang#
Künstler können unveröffentlichte Tracks, Behind-the-Scenes-Studiomaterial, frühen Zugang zu neuen Werken und Direktnachrichten an ihre Fanbasis teilen. Die Design-Herausforderung war real: Exklusive Inhalte müssen sich wie etwas anfühlen, das man sich verdient hat, nicht wie etwas, das einem verkauft wird. Das sind völlig unterschiedliche emotionale Erfahrungen, und der Unterschied steckt in kleinen Details: wie es beschriftet ist, wo es im Profil steht, was passiert, wenn man darauf tippt.
Das UX nutzt visuelle Hierarchie und kontextuelle Hinweise, um exklusive Inhalte von allgemeinen Veröffentlichungen zu unterscheiden. Exklusive Elemente erhalten eigene Karten-Behandlungen, klare Beschriftung und dedizierte Bereiche innerhalb der Künstlerprofile.
Onboarding und Geschmackskalibrierung#
Das First-Run-Onboarding sammelt Geschmackssignale, ohne sich wie eine Umfrage anzufühlen. Das Design nutzt Genre-Auswahl, Künstler-Sampling und Import der Hörhistorie, um ein initiales Profil aufzubauen. Der Flow dauert unter 60 Sekunden und konzentriert sich auf eine Sache: den Nutzer zu einer ersten sinnvollen Entdeckung zu bringen, bevor das Interesse am Setup verloren geht.
Plattformübergreifendes Design (iOS und Android)#
Das Design-System deckt sowohl iOS als auch Android mit plattformgerechten Mustern ab. Die Navigation folgt iOS-Konventionen (Tab-Leiste, Wischgesten) auf dem iPhone und Material-Design-Mustern (untere Navigation, FAB-Aktionen) auf Android. Die visuelle Identität bleibt plattformübergreifend konsistent und respektiert gleichzeitig die unterschiedlichen Interaktionserwartungen jeder Plattform.
Kernfähigkeiten#
Die fünf für Studio Live gestalteten Kern-Flows:
- Künstler-Entdeckung durch kuratierte Picks, Genre-Browsing und Social-Graph-Empfehlungen
- Ein Fan-first-Feed, der gefolgte Künstler nicht hinter algorithmischer Sortierung unterdrückt
- Exklusives Content-UX für unveröffentlichte Tracks, Studiosessions und direkte Künstler-Fan-Kommunikation
- Vollständige Design-Systeme für iOS und Android mit plattformnativen Interaktionsmustern
- Geschmackskalibrierungs-Onboarding unter 60 Sekunden, das direkt zu personalisierter Entdeckung führt
Umfang und Transparenz#
Dies war ein Design-Auftrag, kein Full-Stack-Build. Silverthread Labs lieferte UX-Forschung, Wireframes, High-Fidelity-Mockups, Interaktionsspezifikationen und Design-Systeme für beide Plattformen. Die technische Implementierung wurde separat umgesetzt.
Diese Klarstellung ist wichtig, weil Design und Engineering bei der Bewertung der Arbeit eines Studios häufig vermischt werden. Das Design-Deliverable ist die Produktspezifikation. Es definiert, was gebaut wird. Wenn das Design falsch ist, ist das Produkt falsch — unabhängig davon, wie sauber der Code ist. Das Design von Studio Live entstand aus Nutzerverhalten-Forschung, Wettbewerbsanalyse bestehender Musikplattformen und einer konkreten Überzeugung darüber, was Fans wollen, das die großen Streaming-Apps nicht bieten.
Wie dies unsere Arbeit widerspiegelt#
Die meisten Agenturen behandeln UX/UI-Design als vorläufigen Schritt, bevor das Engineering beginnt. Wir behandeln es als die erste Engineering-Entscheidung. Die Screens, Flows und Interaktionsmuster in einer Design-Datei sind die Spezifikation, gegen die das Team baut. Etwas im Design zu ändern kostet ein paar Stunden. Dasselbe zu ändern, nachdem es gebaut wurde, kostet deutlich mehr.
Studio Live war ein Bereich, der das konkret machte. Die emotionale Dimension des Produkts ist nicht dekorativ. Wenn ein Fan den Bereich für exklusive Inhalte öffnet und es sich wie ein Kaufprozess anfühlt, scheitert das Produkt — unabhängig davon, ob es technisch korrekt funktioniert. Das richtig hinzubekommen erforderte zu wissen, wo die emotionalen Einsätze in jedem Flow lagen, und gezielt darum herum zu gestalten. Darum ging es bei diesem Auftrag eigentlich.
Sie erkunden Mobile- oder UX/UI-Design? Sehen Sie UX/UI-Design oder Mobile-Entwicklung, oder buchen Sie ein kostenloses Automatisierungs-Audit.
