ZDF Streaming-Portal
Categorie
UI & UX Design
Kunde
ZDF
Release
2025
UI
UX
Big Screen
Design System
Workshops
Projekte / zdf
Über das Projekt
Für das ZDF durfte ich als Lead UI Designerin die Gestaltung der neuen Streaming-Plattform auf Big Screens verantworten. Ziel war es, ein modernes, personalisiertes und plattformübergreifendes Nutzererlebnis zu schaffen - von HbbTV über CTV bis hin zu Apps wie Sky oder Fire TV.Gemeinsam mit einem großartigen Designteam entwickelten wir ein konsistentes UI- und UX-Konzept, das trotz der unterschiedlichen Anforderungen der Geräte eine einheitliche User Experience ermöglicht. Neben dem visuellen Design war ich auch für verschiedene UX-Features auf Big Screens zuständig.Das Ergebnis: eine intuitive, skalierbare und zukunftsfähige Plattform, die den Wandel des ZDF vom linearen Sender zur modernen Streaming-Marke sichtbar macht.
Startseite
Die Startseite der ZDF-App setzt auf ein visuell starkes Interface mit großen Hero-Bereichen, die sich durch die gesamte Plattform ziehen. Dort finden Nutzer alle wichtigen Informationen auf einen Blick – von Metadaten über Streaming-Optionen bis hin zu Inhalten und Laufzeiten.Bilder und Trailer können direkt im Hero-Bereich abgespielt werden. Das Interface ist speziell für TV-Geräte und Fernbedienungen optimiert, mit einer klaren Struktur und einfacher Navigation.
Smart Collection
Die Smart Collection dient als Serienübersicht oder Detailseite für Filme. Im Mittelpunkt steht – wie auf der Startseite – der Hero-Bereich mit allen wichtigen Informationen.Von hier aus können Nutzer mit wenigen Klicks Videos starten, Trailer ansehen, Inhalte zur Watchlist hinzufügen, Staffeln und Episoden durchstöbern oder weitere Empfehlungen entdecken.
Videoteaser
Selbst die Video-Teaser sind so gestaltet, dass sie alle relevanten Informationen zu jeder Episode direkt anzeigen.
ZDF Suche
Die Suchfunktion der ZDF-App wurde speziell für HbbTV entwickelt – mit einem Konzept und Design, das es so bisher nicht gab.Dank einer neu gedachten On-Screen-Tastatur können Ergebnisse dynamisch und sichtbar eingeblendet werden, während der Nutzer tippt. Schon nach dem ersten Buchstaben erscheinen Suchvorschläge und Top-Ergebnisse, ab drei Buchstaben öffnet sich eine vollständige Ergebnisliste.Das Design zeigt viel Content auf einen Blick, ohne dass andere Interface-Elemente ablenken – klar, intuitiv und perfekt für die Nutzung am TV.
Wir schätzen die professionelle und stets partnerschaftliche Unterstützung von Qvest in diesem wichtigen Projekt sehr. Besonders wertvoll war ihre hervorragende Arbeit beim UI-/UX-Design für Big-Screen-Geräte sowie bei der Entwicklung der neuen Streaming-Plattform für HbbTV und CTV [...].
TINA KUTSCHER, SVP DIGITAL PRODUCT AND AUTOMATION BEI ZDF
UI
UX
Big Screen
Design System
Workshops
Projekte / zdf
Über das Projekt
Für das ZDF durfte ich als Lead UI Designerin die Gestaltung der neuen Streaming-Plattform auf Big Screens verantworten. Ziel war es, ein modernes, personalisiertes und plattformübergreifendes Nutzererlebnis zu schaffen - von HbbTV über CTV bis hin zu Apps wie Sky oder Fire TV.Gemeinsam mit einem großartigen Designteam entwickelten wir ein konsistentes UI- und UX-Konzept, das trotz der unterschiedlichen Anforderungen der Geräte eine einheitliche User Experience ermöglicht. Neben dem visuellen Design war ich auch für verschiedene UX-Features auf Big Screens zuständig.Das Ergebnis: eine intuitive, skalierbare und zukunftsfähige Plattform, die den Wandel des ZDF vom linearen Sender zur modernen Streaming-Marke sichtbar macht.
Startseite
Die Startseite der ZDF-App setzt auf ein visuell starkes Interface mit großen Hero-Bereichen, die sich durch die gesamte Plattform ziehen. Dort finden Nutzer alle wichtigen Informationen auf einen Blick – von Metadaten über Streaming-Optionen bis hin zu Inhalten und Laufzeiten.Bilder und Trailer können direkt im Hero-Bereich abgespielt werden. Das Interface ist speziell für TV-Geräte und Fernbedienungen optimiert, mit einer klaren Struktur und einfacher Navigation.
Smart Collection
Die Smart Collection dient als Serienübersicht oder Detailseite für Filme. Im Mittelpunkt steht – wie auf der Startseite – der Hero-Bereich mit allen wichtigen Informationen.Von hier aus können Nutzer mit wenigen Klicks Videos starten, Trailer ansehen, Inhalte zur Watchlist hinzufügen, Staffeln und Episoden durchstöbern oder weitere Empfehlungen entdecken.
Videoteaser
Selbst die Video-Teaser sind so gestaltet, dass sie alle relevanten Informationen zu jeder Episode direkt anzeigen.
ZDF Suche
Die Suchfunktion der ZDF-App wurde speziell für HbbTV entwickelt – mit einem Konzept und Design, das es so bisher nicht gab.Dank einer neu gedachten On-Screen-Tastatur können Ergebnisse dynamisch und sichtbar eingeblendet werden, während der Nutzer tippt. Schon nach dem ersten Buchstaben erscheinen Suchvorschläge und Top-Ergebnisse, ab drei Buchstaben öffnet sich eine vollständige Ergebnisliste.Das Design zeigt viel Content auf einen Blick, ohne dass andere Interface-Elemente ablenken – klar, intuitiv und perfekt für die Nutzung am TV.
Wir schätzen die professionelle und stets partnerschaftliche Unterstützung von Qvest in diesem wichtigen Projekt sehr. Besonders wertvoll war ihre hervorragende Arbeit beim UI-/UX-Design für Big-Screen-Geräte sowie bei der Entwicklung der neuen Streaming-Plattform für HbbTV und CTV [...].
TINA KUTSCHER, SVP DIGITAL PRODUCT AND AUTOMATION BEI ZDF
UI
UX
Big Screen
Design System
Workshops
Projekte / zdf
Über das Projekt
Für das ZDF durfte ich als Lead UI Designerin die Gestaltung der neuen Streaming-Plattform auf Big Screens verantworten. Ziel war es, ein modernes, personalisiertes und plattformübergreifendes Nutzererlebnis zu schaffen - von HbbTV über CTV bis hin zu Apps wie Sky oder Fire TV.Gemeinsam mit einem großartigen Designteam entwickelten wir ein konsistentes UI- und UX-Konzept, das trotz der unterschiedlichen Anforderungen der Geräte eine einheitliche User Experience ermöglicht. Neben dem visuellen Design war ich auch für verschiedene UX-Features auf Big Screens zuständig.Das Ergebnis: eine intuitive, skalierbare und zukunftsfähige Plattform, die den Wandel des ZDF vom linearen Sender zur modernen Streaming-Marke sichtbar macht.
Startseite
Die Startseite der ZDF-App setzt auf ein visuell starkes Interface mit großen Hero-Bereichen, die sich durch die gesamte Plattform ziehen. Dort finden Nutzer alle wichtigen Informationen auf einen Blick – von Metadaten über Streaming-Optionen bis hin zu Inhalten und Laufzeiten.Bilder und Trailer können direkt im Hero-Bereich abgespielt werden. Das Interface ist speziell für TV-Geräte und Fernbedienungen optimiert, mit einer klaren Struktur und einfacher Navigation.
Smart Collection
Die Smart Collection dient als Serienübersicht oder Detailseite für Filme. Im Mittelpunkt steht – wie auf der Startseite – der Hero-Bereich mit allen wichtigen Informationen.Von hier aus können Nutzer mit wenigen Klicks Videos starten, Trailer ansehen, Inhalte zur Watchlist hinzufügen, Staffeln und Episoden durchstöbern oder weitere Empfehlungen entdecken.
Videoteaser
Selbst die Video-Teaser sind so gestaltet, dass sie alle relevanten Informationen zu jeder Episode direkt anzeigen.
ZDF Suche
Die Suchfunktion der ZDF-App wurde speziell für HbbTV entwickelt – mit einem Konzept und Design, das es so bisher nicht gab.Dank einer neu gedachten On-Screen-Tastatur können Ergebnisse dynamisch und sichtbar eingeblendet werden, während der Nutzer tippt. Schon nach dem ersten Buchstaben erscheinen Suchvorschläge und Top-Ergebnisse, ab drei Buchstaben öffnet sich eine vollständige Ergebnisliste.Das Design zeigt viel Content auf einen Blick, ohne dass andere Interface-Elemente ablenken – klar, intuitiv und perfekt für die Nutzung am TV.
Wir schätzen die professionelle und stets partnerschaftliche Unterstützung von Qvest in diesem wichtigen Projekt sehr. Besonders wertvoll war ihre hervorragende Arbeit beim UI-/UX-Design für Big-Screen-Geräte sowie bei der Entwicklung der neuen Streaming-Plattform für HbbTV und CTV [...].
TINA KUTSCHER, SVP DIGITAL PRODUCT AND AUTOMATION BEI ZDF