IoT & KI

B2C

Im Streaming-Wettstreit ohne Netflix-Budget konkurrieren

Kunde

Britisches Filminstitut (BFI)

Britisches Filminstitut (BFI)

Modell

Produktbeschleuniger

Produktbeschleuniger

Willkommensbildschirm für die BFI-Player-Einführung auf einem iPad, mit einem cineastischen Porträt in türkis- und violettfarbenem Licht und der Überschrift „Das größte globale Kino auf Abruf.“

Dienstleistungen

Produktstrategie

Produktstrategie

UX/UI-Design

UX/UI-Design

Informationsarchitektur

Informationsarchitektur

Designsystem-Entwicklung

Designsystem-Entwicklung

Schnelles Prototyping

Schnelles Prototyping

Info

BFI Player musste über Webbrowser hinaus expandieren, um auf einem Streamingmarkt zu konkurrieren, der von Plattformen mit Budgets in Milliardenhöhe dominiert wird.

Da fast ein Drittel des Streaming-Konsums auf Mobilgeräten stattfindet, schränkte das Fehlen nativer Apps ihre Fähigkeit stark ein, Zielgruppen zu erreichen, die zehnmal größer sind als ihre derzeitige Reichweite.

Vollständiges Informationsarchitekturdiagramm für die BFI Player-App, das alle Bildschirme in vier Bereichen abbildet: Onboarding, Entdecken, Wiedergabe sowie Profil und Einstellungen, dargestellt auf dunklem Hintergrund.
Vollständige Übersicht des Nutzerflusses in Figma mit allen gestalteten Screens für die BFI Player App, nach Bereichen organisiert, einschließlich Onboarding, Entdecken, Filmdetails, Wiedergabe, Suche, Download, Merkliste und mehr.

Herausforderung

BFIs drei Geschäftsmodelle – Streaming, Vermietungen, kostenloses Archiv – erforderten separate Nutzerreisen. Mobile Nutzer brechen Aufgaben dreimal schneller ab, wenn sie auf Reibung stoßen, was Conversions gefährdet. Sie brauchten native Erlebnisse, die diese Komplexität bewältigen und gleichzeitig mit Netflix um Aufmerksamkeit konkurrieren konnten.

Unsere Analyse

Mehrere Geschäftsmodelle bedeuteten, dass BFI im Gegensatz zu Netflixs einheitlichem Ansatz flexible Zugänge zu Inhalten anbieten konnte. Der Erfolg hing davon ab, eine Informationsarchitektur zu gestalten, die sich einfach anfühlte und zugleich kommerzielle Klarheit bewahrte, indem die Modelle als sich ergänzend und nicht als konkurrierend behandelt wurden.

Drei mobile Bildschirme aus der BFI Player-App zeigen eine Filmdetailseite für The Souvenir, die Merkliste mit mehreren Titeln und den Startbildschirm beim Durchsuchen kostenloser Inhalte.
Drei mobile Bildschirme, die den Startbildschirm mit geliehenen Filmen und der Merkliste, eine Seite zum Durchstöbern des Abonnements mit Suspiria und einen leeren Merkliste-Zustand mit der Aufforderung zeigen, etwas zum Anschauen zu finden.
BFI-Player-Sammlungsseite auf einem iPad im Querformat angezeigt, die die Kategorie der British Independent Film Awards mit einem Raster aus vier Film-Thumbnails zeigt, darunter Wild Rose.
Drei überlappende Tablet-Bildschirme, die eine Filmdetailseite für Ian McKellen im Newcastle Theatre, eine nebeneinander angeordnete Detailansicht mit Metadaten zur Filmübersicht und eine teilweise sichtbare Filmseite mit Ansehoptionen zeigen.
Eine Hand hält ein iPhone, auf dem das Filterfeld von BFI Player angezeigt wird, mit den Optionen Genre, Barrierefreiheit und Erscheinungsjahrzehnt, wobei „Drama“ und „1960er“ ausgewählt sind.
Nahaufnahme der UI-Komponente „Zur Merkliste hinzufügen“, die ein unscharfes Filmstandbild mit einem oben in der Ecke eingeblendeten Symbol zum Hinzufügen zur Liste zeigt.
Im In-App-Videoplayer ist eine Szene aus Suspiria zu sehen, mit Wiedergabesteuerung, Fortschrittsbalken sowie Schaltern für Audiodeskription und Untertitel; Laufzeit: 110:33.
Browse-Bildschirm „Entdecken“ mit zwei Karussells „Am beliebtesten diese Woche“ und einem Abschnitt „Mark Kermode stellt vor“, jeweils mit drei Film-Thumbnails aus dem BFI-Archiv.

Was wir getan haben

01.

Drei Geschäftsmodelle in einem Erlebnis vereint

Wir haben Browse- und Sucherlebnisse entwickelt, die alle Inhaltstypen gemeinsam anzeigten, mit klaren kommerziellen Hinweisen direkt bei der Auswahl. Nutzer konnten den gesamten Katalog des BFI erkunden, ohne zwischen getrennten Bereichen für Abo, Leihe und kostenlose Inhalte navigieren zu müssen.

Drei Geschäftsmodelle in einem Erlebnis vereint

Wir haben Browse- und Sucherlebnisse entwickelt, die alle Inhaltstypen gemeinsam anzeigten, mit klaren kommerziellen Hinweisen direkt bei der Auswahl. Nutzer konnten den gesamten Katalog des BFI erkunden, ohne zwischen getrennten Bereichen für Abo, Leihe und kostenlose Inhalte navigieren zu müssen.

02.

Einmal erstellt, überall bereitgestellt

Native iOS- und Android-Komponentenbibliotheken sorgten für Konsistenz über Telefon- und Tablet-Formate hinweg und berücksichtigten dabei die jeweiligen Plattformkonventionen. Die Wiederverwendbarkeit von Komponenten reduziert den Entwicklungsaufwand um 40 %, was angesichts der begrenzten Ressourcen von BFI entscheidend ist.

Einmal erstellt, überall bereitgestellt

Native iOS- und Android-Komponentenbibliotheken sorgten für Konsistenz über Telefon- und Tablet-Formate hinweg und berücksichtigten dabei die jeweiligen Plattformkonventionen. Die Wiederverwendbarkeit von Komponenten reduziert den Entwicklungsaufwand um 40 %, was angesichts der begrenzten Ressourcen von BFI entscheidend ist.

03.

Zahlungsbarrieren entfernt

Zahlungserfordernisse wurden erst bei bestehender Absicht angezeigt und reduzierten so die kognitive Belastung bei der Erkundung. Einheitliche Beobachtungslisten funktionierten über alle Inhaltstypen hinweg und beseitigten künstliche Grenzen zwischen Geschäftsmodellen.

Zahlungsbarrieren entfernt

Zahlungserfordernisse wurden erst bei bestehender Absicht angezeigt und reduzierten so die kognitive Belastung bei der Erkundung. Einheitliche Beobachtungslisten funktionierten über alle Inhaltstypen hinweg und beseitigten künstliche Grenzen zwischen Geschäftsmodellen.

04.

Den Checkout reibungslos gestaltet

Plattformspezifische Zahlungsintegrationen nutzten im entscheidenden Moment die Zahlungsinfrastruktur von iOS und Android. Kontextbezogene Upsells beworben die Vorteile des Abonnements, ohne Nutzer kostenloser Inhalte zu unterbrechen.

Den Checkout reibungslos gestaltet

Plattformspezifische Zahlungsintegrationen nutzten im entscheidenden Moment die Zahlungsinfrastruktur von iOS und Android. Kontextbezogene Upsells beworben die Vorteile des Abonnements, ohne Nutzer kostenloser Inhalte zu unterbrechen.

05.

Plattformparität erreicht

Durch die direkte Zusammenarbeit mit den Entwicklungsteams stellten wir die technische Umsetzbarkeit auf beiden Plattformen sicher und ermöglichten so eine schnellere Einführung von Funktionen sowie eine konsistente Benutzererfahrung unabhängig von der Gerätewahl.

Plattformparität erreicht

Durch die direkte Zusammenarbeit mit den Entwicklungsteams stellten wir die technische Umsetzbarkeit auf beiden Plattformen sicher und ermöglichten so eine schnellere Einführung von Funktionen sowie eine konsistente Benutzererfahrung unabhängig von der Gerätewahl.

Dokumentationsseite für Design-Tokens und Komponenten, die die Farbpalette, die Typografie-Skala, Abstände, Radius-, Schattenwerte, Zustände von Eingabefeldern, Varianten von Filmkarten, Zustände von Navigations-Tabs und Layout-Strukturen für hervorgehobene Promotionen zeigt.
Anmeldeseite von BFI Player auf dunklem Hintergrund mit E-Mail- und Passwort-Eingabefeldern, einem Schalter zur Anzeige des Passworts und einem Link „Passwort vergessen?“.
Download-Bildschirm mit einer Liste von vier Filmen, die offline angesehen werden können: London Symphony, London Road, Postcards from London und Pool of London, jeweils mit Miniaturansicht und Metadaten.
Icon-Set mit zwei Zuständen für vier Film-Detailaktionen: Meine Liste, Herunterladen, Trailer ansehen und Übersicht, mit Standard- und aktiven Varianten auf schwarzem Hintergrund dargestellt.
Profil-Einstellungsbildschirm mit einer Abo-Statuskarte mit dem nächsten Zahlungsdatum, gefolgt von Menüeinträgen für Barrierefreiheit, Hilfe, Datenschutz, Nutzungsbedingungen und Über BFI.

Projektauswirkungen

Erweiterter adressierbarer Markt

Mobile Anwendungen öffneten den Zugang zu den ~30 % des Streamings, das auf mobilen Geräten stattfindet, was besonders wichtig ist, um jüngere, vielfältige Zielgruppen zu erreichen.

Erweiterter adressierbarer Markt

Mobile Anwendungen öffneten den Zugang zu den ~30 % des Streamings, das auf mobilen Geräten stattfindet, was besonders wichtig ist, um jüngere, vielfältige Zielgruppen zu erreichen.

Geringerer Entwicklungsaufwand

Ein einheitliches Designsystem wird die Entwicklungszeit um 40 % verkürzen und eine schnellere Weiterentwicklung der Plattform innerhalb begrenzter Budgets ermöglichen.

Geringerer Entwicklungsaufwand

Ein einheitliches Designsystem wird die Entwicklungszeit um 40 % verkürzen und eine schnellere Weiterentwicklung der Plattform innerhalb begrenzter Budgets ermöglichen.

Aktivierte Plattformtransformation

Die mobile Expansion verschaffte sofortige Marktpräsenz, während die längerfristige digitale Transformation voranschritt.

Aktivierte Plattformtransformation

Die mobile Expansion verschaffte sofortige Marktpräsenz, während die längerfristige digitale Transformation voranschritt.

Die digitale Transformation erfordert strategisches Design, nicht nur mehr Kanäle

Ambitionierte Unternehmen stehen vor einer vertrauten Herausforderung: Sie konkurrieren mit Technologiegiganten mit unbegrenzten Budgets und müssen gleichzeitig mehrere Geschäftsmodelle und Legacy-Beschränkungen managen.

Erfolg erfordert mehr als das Hinzufügen digitaler Kanäle: Er verlangt ein Design, das operative Komplexität in einen Wettbewerbsvorteil verwandelt.

Wir sind darauf spezialisiert, die digitale Transformation zu beschleunigen für Organisationen, für die Scheitern keine Option ist. Unser evidenzbasierter Ansatz identifiziert die entscheidenden Designentscheidungen, die Wachstum freisetzen, ohne dass dafür Ressourcen aus dem Silicon Valley erforderlich sind.

Bereit, Ihre Strategie für digitale Plattformen zu transformieren? Lassen Sie uns darüber sprechen, wie strategisches Design nachhaltige Wettbewerbsvorteile ermöglichen kann.