Sportworld App, vorinstalliert auf neuen Samsung TVs in Deutschland

Projektüberblick: Promwad unterstützte NativeWaves dabei, Sportworld von einer Samsung-Smart-TV-App zu einem plattformübergreifenden Sport-Streaming-Ökosystem weiterzuentwickeln. Was als dediziertes Team von drei Ingenieuren für den initialen TV-Launch begann, wuchs auf 8–9 Spezialisten, als der Kunde uns mit der nächsten Phase betraute: der Erweiterung des Produkts auf iOS, Android, Web und Android-basierte Automotive-Plattformen. 

Auf Basis einer gemeinsamen Codebasis integrierten wir Abonnements, Pay-per-View, Werbung, Analytics und Consent-Management und passten gleichzeitig die Nutzererfahrung an sehr unterschiedliche  Geräteumgebungen an. Zudem optimierten wir die Webversion für schnellere Ladezeiten und Interaktionen und verbesserten wichtige Performance-Metriken um das 3–5-Fache. 

Das Ergebnis: eine größere Reichweite, eine besser skalierbare Produktarchitektur und ein langfristiger Engineering-Partner, der die Weiterentwicklung der Plattform unterstützt. 

Kunde & Herausforderung 

NativeWaves, ein österreichischer Anbieter interaktiver Streaming-Technologien und exklusiver Technologiepartner von B1 SmartTV in Deutschland, beauftragte Promwad zunächst mit der Entwicklung der Sportworld App für Samsung Smart TV. Nach dem TV-Launch bestand die nächste Herausforderung darin, Sportworld zu einem plattformübergreifenden Streaming-Dienst weiterzuentwickeln, der auf mobilen Geräten, in Browsern und auf Android-basierten Automotive-Systemen verfügbar ist. In dieser neuen Phase musste eine konsistente Nutzererfahrung für Live-Sport, Video-on-Demand und Spielstatistiken gewährleistet werden, während gleichzeitig Abonnements, Pay-per-View, Werbung, Push-Benachrichtigungen, Analytics und DSGVO-konforme Consent-Prozesse unterstützt werden. 

Der Kunde benötigte zudem eine praktikable plattformübergreifende Architektur, die die Entwicklung beschleunigt, ohne das Produkt an eine bestimmte Hardwareplattform zu binden. 

Wie wir uns eingebracht haben

Um die ambitionierten Ziele des Kunden zu erreichen, haben wir unsere Arbeit auf ein flexibles, dediziertes Teammodell ausgerichtet:

Was sich für den Kunden verändert hat

Der dedizierte Teamansatz führte zu konkreten Ergebnissen, die das Geschäft und den Produktentwicklungsprozess des Kunden deutlich verbessert haben:

Lösung 

^{Die Sportworld-Anwendung bietet Sportanbietern eine Plattform zur Präsentation ihrer Inhalte}

1. Konzeptentwicklung 

Wir analysierten die Erfahrungen und Anforderungen des Kunden basierend auf der vorherigen Version der App. Ein externes Designbüro lieferte ein fertiges UI-Konzept. Unter Berücksichtigung all dieser Inputs entwickelten wir unser eigenes Anwendungskonzept.

2. Smart-TV-App-Entwicklung

In der ersten Phase entwickelten wir die Sportworld App für Samsung TVs mit dem Betriebssystem Tizen und legten dabei besonderen Wert auf eine stabile Performance auf Geräten von Modellen ab 2017 bis hin zu neueren Generationen. Das Frontend wurde mit React.js, TypeScript, styled-components, Zustand und Webpack umgesetzt. 

Die Smart-TV-App umfasste Live-HLS-Streaming, VOD, hervorgehobene Events und Kalender, Benachrichtigungen zu bevorstehenden Spielen, SSO über Plenigo, QR-Code-Login, kostenpflichtige Abonnements, Google Analytics mit benutzerdefinierten Events sowie dynamische Themes. Die Architektur der App legte zudem die Grundlage für eine spätere Erweiterung auf weitere TV-Plattformen wie webOS und Fire TV. 

3. Plattformübergreifende Erweiterung

Nach dem Launch der Smart-TV-App erweiterte der Kunde die Zusammenarbeit mit Promwad, um Sportworld zu einem umfassenden plattformübergreifenden Streaming-Produkt auszubauen. In dieser Phase erweiterten wir den Dienst auf iOS, Android, Web und Android-basierte In-Car-Plattformen. 

Die neue Version basierte auf einer gemeinsamen Codebasis mit React, TypeScript, Ionic, Capacitor und Vite. Wir integrierten das Backend und CMS des Kunden, Abonnement- und Pay-per-View-Prozesse, Analytics, Werbedienste, Push-Benachrichtigungen, Fehlerüberwachung sowie Consent-Management im Einklang mit der DSGVO. Für das Streaming implementierten wir HLS-Wiedergabe mit hls.js, integrierten das Google IMA SDK und banden das kundenspezifische Nativewaves Experience SDK ein, um Echtzeit-Analytics und synchronisiertes Multi-Kamera-Viewing zu ermöglichen. Zusätzlich entwickelten wir eine PWA-Version für Browser und bereiteten einen separaten Build für Android-basierte In-Car-Plattformen vor. 

4. Backend & Integrationen

Das Backend wurde vom Kunden bereitgestellt und basierte auf einer stark atomisierten Datenstruktur, die über eine standardisierte REST API zugänglich ist. Da das Datenmodell klar in Swagger dokumentiert war, konnte das Team schnell auf Backend-Updates reagieren und Änderungen mit minimalem Aufwand in die Anwendung integrieren. 

Geschäftlicher Mehrwert

Promwad unterstützte NativeWaves dabei, Sportworld von einer Smart-TV-App zu einem skalierbaren plattformübergreifenden Streaming-Ökosystem weiterzuentwickeln, das TV, Mobile, Web und Automotive umfasst. Dadurch erhielt der Kunde eine größere Reichweite, eine konsistentere Produkterfahrung über alle Geräte hinweg sowie eine gemeinsame Basis für zukünftige Weiterentwicklungen anstelle fragmentierter, plattformspezifischer Lösungen. 

Durch die Integration von Abonnements, Pay-per-View, Werbung, Analytics und Consent-Management in eine einheitliche Produktumgebung gewann NativeWaves mehr Möglichkeiten zur Monetarisierung und eine bessere Kontrolle über die Weiterentwicklung des Dienstes. Zusätzliche Optimierungen der Webversion verbesserten wichtige Lade- und Interaktionsmetriken um das 3–5-Fache und stärkten damit das Nutzererlebnis. 

Das Ergebnis ist eine Produktplattform, die für weiteres Wachstum bereit ist und von einem Engineering-Team unterstützt wird, das parallel zu den Anforderungen des Kunden skaliert wurde.