IoT & KI

B2C

In den Streaming-Wars konkurrieren — ohne Netflix-Budget

Kunde

British Film Institute (BFI)

British Film Institute (BFI)

Modell

Produkt-Accelerator

Produkt-Accelerator

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 in einem Streaming-Markt zu bestehen, den Plattformen mit Milliarden-Budgets dominieren.

Fast ein Drittel des Streaming-Konsums passiert auf mobilen Geräten. Ohne native Apps blieben Zielgruppen unerreicht, die zehnmal größer sind als die aktuelle 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, Verleih, kostenloses Archiv — brauchen jeweils eigene Nutzer-Journeys. Mobile Nutzer brechen Aufgaben dreimal schneller ab, wenn sie auf Reibung stoßen. Conversions in Gefahr. BFI brauchte native Erlebnisse, die diese Komplexität meistern — und gleichzeitig mit Netflix um Aufmerksamkeit konkurrieren.

Unsere Analyse

Mehrere Geschäftsmodelle bedeuteten: Anders als Netflix mit seinem einheitlichen Ansatz konnte BFI flexible Zugänge zu Inhalten bieten. Erfolg hing an einer Informationsarchitektur, die sich einfach anfühlt — und gleichzeitig kommerzielle Klarheit bewahrt. Die Modelle als sich ergänzend behandeln, nicht als konkurrierend.

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 gebaut, die alle Inhaltstypen gemeinsam anzeigen — mit klaren Hinweisen auf die Bezahloption bei der Auswahl. Nutzer können den gesamten BFI-Katalog erkunden, ohne zwischen Abo-, Leih- und Gratis-Bereichen zu wechseln.

Drei Geschäftsmodelle in einem Erlebnis vereint

Wir haben Browse- und Sucherlebnisse gebaut, die alle Inhaltstypen gemeinsam anzeigen — mit klaren Hinweisen auf die Bezahloption bei der Auswahl. Nutzer können den gesamten BFI-Katalog erkunden, ohne zwischen Abo-, Leih- und Gratis-Bereichen zu wechseln.

02.

Einmal erstellt, überall bereitgestellt

Native iOS- und Android-Komponentenbibliotheken sicherten die Konsistenz über Telefon- und Tablet-Formate hinweg, während gleichzeitig die Plattformkonventionen respektiert wurden. Die Wiederverwendbarkeit von Komponenten kann die Entwicklungszeit um 40 % reduzieren, was angesichts der Ressourcenbeschränkungen des BFI von entscheidender Bedeutung ist.

Einmal erstellt, überall bereitgestellt

Native iOS- und Android-Komponentenbibliotheken sicherten die Konsistenz über Telefon- und Tablet-Formate hinweg, während gleichzeitig die Plattformkonventionen respektiert wurden. Die Wiederverwendbarkeit von Komponenten kann die Entwicklungszeit um 40 % reduzieren, was angesichts der Ressourcenbeschränkungen des BFI von entscheidender Bedeutung ist.

03.

Zahlungsbarrieren entfernt

Bezahl-Hinweise erscheinen erst bei klarer Absicht — das senkt die kognitive Belastung beim Stöbern. Einheitliche Merklisten funktionieren über alle Inhaltstypen hinweg. Keine künstlichen Grenzen zwischen Geschäftsmodellen.

Zahlungsbarrieren entfernt

Bezahl-Hinweise erscheinen erst bei klarer Absicht — das senkt die kognitive Belastung beim Stöbern. Einheitliche Merklisten funktionieren über alle Inhaltstypen hinweg. Keine künstlichen Grenzen zwischen Geschäftsmodellen.

04.

Bezahlvorgang beschleunigt

Plattformspezifische Zahlungsintegrationen nutzten in den entscheidenden Momenten die iOS- und Android-Zahlungssysteme. Kontextuelle Upsells bewarben die Vorteile von Abonnements, ohne die Nutzer kostenloser Inhalte zu stören.

Bezahlvorgang beschleunigt

Plattformspezifische Zahlungsintegrationen nutzten in den entscheidenden Momenten die iOS- und Android-Zahlungssysteme. Kontextuelle Upsells bewarben die Vorteile von Abonnements, ohne die Nutzer kostenloser Inhalte zu stören.

05.

Plattformparität erreicht

Direkte Zusammenarbeit mit den Entwicklungsteams sichert die technische Umsetzbarkeit auf beiden Plattformen. Schnellere Feature-Rollouts. Konsistente Nutzererfahrung — unabhängig vom Gerät.

Plattformparität erreicht

Direkte Zusammenarbeit mit den Entwicklungsteams sichert die technische Umsetzbarkeit auf beiden Plattformen. Schnellere Feature-Rollouts. Konsistente Nutzererfahrung — unabhängig vom Gerät.

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 Apps öffnen den Zugang zu den ~30 % des Streamings auf mobilen Geräten — entscheidend, um jüngere und vielfältigere Zielgruppen zu erreichen.

Erweiterter adressierbarer Markt

Mobile Apps öffnen den Zugang zu den ~30 % des Streamings auf mobilen Geräten — entscheidend, um jüngere und vielfältigere Zielgruppen zu erreichen.

Geringerer Entwicklungsaufwand

Ein einheitliches Designsystem verkürzt die Entwicklungszeit und ermöglicht eine schnellere Entwicklung der Plattform innerhalb begrenzter Budgets.

Geringerer Entwicklungsaufwand

Ein einheitliches Designsystem verkürzt die Entwicklungszeit und ermöglicht eine schnellere Entwicklung der Plattform innerhalb begrenzter Budgets.

Langfristig einrichten

Die mobile Expansion sicherte eine sofortige Marktpräsenz, während die längerfristige digitale Arbeit voranschritt.

Langfristig einrichten

Die mobile Expansion sicherte eine sofortige Marktpräsenz, während die längerfristige digitale Arbeit voranschritt.

Im Wettbewerb mit Tech-Giganten bei der Designqualität

Ambitionierte Unternehmen stehen vor einer vertrauten Zwickmühle: Sie müssen mit Tech-Giganten konkurrieren, die über unbegrenzte Budgets verfügen, und gleichzeitig mehrere Geschäftsmodelle sowie Altlasten verwalten.

Die Antwort liegt nicht in mehr Kanälen, sondern in einem Design, das operative Komplexität in einen Vorteil verwandelt.

Unser evidenzbasierter Ansatz findet die Designentscheidungen, die Wachstum ermöglichen – ganz ohne die Ressourcen des Silicon Valley.

Zurück

Weiter