ZDF .deStartseite
ArbeitenVitaKontakt
English
ArbeitenVitaKontakt

ZDF .de

2025 · 01

Am 18. März 2025 ging das neue zdf.de live, das Streaming-Portal des ZDF, und ich habe ab meinem ersten Tag in der Agentur daran gearbeitet. In einem flachen Team mit mehr als 20 Leuten war ich quer durch die App unterwegs: Komponenten und Design-System, Player, Core Web Vitals, Barrierefreiheit. Zwei Wochen vor dem Go-live habe ich noch eine Komponente gebaut, die niemand eingeplant hatte.

← Alle Arbeiten

01 / 05Projekt 1 von 5

Kunde
ZDF
Jahr
2025
Rolle
Frontend-Entwicklung · KI-Setup
In der Vita: 2023 →
Die neue Startseite von zdf.de mit großen Teasern für aktuelle Sendungen.

01 · Aufgabe

zdf.de ist die zentrale Streaming-Plattform des ZDF, und der Relaunch 2025 war der erste große Schritt seit 2016; der Name „Mediathek“ verschwand dabei. JAKALA, damals noch FFW, hat das neue Frontend gebaut: Next.js mit App Router, Linaria für CSS ohne Laufzeit, GraphQL, alles in einem Monorepo mit oxlint und oxfmt. Ich kam im Dezember 2023 dazu und bin über den Go-live hinaus geblieben.

  • 02 · Mein Teil

    Das Team war flach: mehr als 20 Leute, und im Frontend haben alle auf Senior-Niveau gearbeitet, mit oder ohne Titel. Ich hatte die Finger in fast jedem Teil der App. Den Großteil meiner Zeit haben vier Bereiche bekommen: Komponentenbibliothek und Design-System, der Videoplayer und seine Oberfläche, Core Web Vitals und Barrierefreiheit.

  • Der Videoplayer von zdf.de, pausiert im Vorspann der heute-show, mit seinen Bedienelementen: Zeitleiste, zehn Sekunden vor und zurück, Untertitel und Einstellungen.
    zdf.de, live seit dem 18. März 2025.
  • 03 · Zwei Wochen vor dem Launch

    Höchstens zwei Wochen vor dem Go-live tat sich eine Lücke auf. Die Seite „Sendungen“ brauchte eine Genre-Leiste: 16 Kategorien von „Alle Inhalte“ bis „Politik“, seitlich scrollbar und BITV-konform. Konzept und Design hatten sie übersehen, und der Launch hing an ihr. Ich habe drei Story Points verlangt und sie allein übernommen, von Konzept und Design über Entwicklung und Barrierefreiheit bis zu den Tests.

Die Genre-Leiste auf zdf.de/shows: „Alle Inhalte“ ist ausgewählt und orange unterstrichen, danach folgen Unterhaltung, Satire, Comedy, Kochen, Musik, Kultur, Sport und weitere Genres bis über den rechten Rand.
  • Kernaussage

    Gebt mir drei Punkte, ich koch da was zusammen. [PLATZHALTER: genauer Wortlaut]

  • 04 · Die schwierigen Stellen

    Eine Reihe Tabs ist einfach, bis sie scrollt. Ich habe die Leiste als ARIA-Tablist mit Tabpanels gebaut, die Pfeiltasten wechseln zwischen den Genres. Schwierig war, Scrollen und Fokus synchron zu halten: Landet der Fokus auf einem Tab außerhalb des sichtbaren Bereichs, muss die Leiste ihn ins Bild holen. Screenreader mussten das richtige Genre im richtigen Moment ansagen. Abgesichert habe ich das mit Unit-Tests, Playwright und axe; KI hat damals höchstens ein paar Zeilen vorgeschlagen.

  • 05 · KI im Team

    Außerdem habe ich KI-Agenten ins Team gebracht. Das Setup im ZDF-Monorepo habe ich fast vollständig selbst gebaut: Agent-Regeln, Skills und Commands, eigene Agenten, MCP-Server und Hooks. Alle Entwickler im Monorepo arbeiten damit, weniger als zehn Leute über mehrere ZDF-Produkte.

06 · Ergebnis

Am 18. März 2025 ging zdf.de live, mit der Genre-Leiste. Sie ist bis heute fester Teil der Seite. Für mich zeigt sich Verantwortung in Momenten wie diesem: Die Lücke gehörte niemandem, also habe ich sie übernommen.

Nächstes Projekt · 02Qrate Inventar →
KontaktSag Hallo→
Arbeiten·Vita·Nach oben ↑
© 2026 Christian Schröder
Impressum·Datenschutz·Cookies
Farbschema