Webdesign für KLIMA° vor acht

Das Logo von KLIMA vor acht, darunter und daneben je eine Illustration, daneben zwei Webseiten-Elemente.

Klimaberichterstattung zur besten Sendezeit: ein Webauftritt, der Klartext spricht

Der Wetterbericht hat seinen festen Platz im Programm. Das Klima hätte ihn auch verdient. Genau dafür setzt sich KLIMA° vor acht e. V. ein: für wissenschaftlich fundierte Klimaberichterstattung im öffentlich-rechtlichen Rundfunk.

Der Name ist Programm. Klimanachrichten gehören nicht in die Nische, sondern direkt vor die 8-Uhr-Nachrichten, wo sie die meisten Zuschauer*innen erreichen. Dafür berät und informiert der Verein Medienschaffende und Entscheidungsgremien, klärt über Desinformation und mangelhafte Berichterstattung auf und macht sich für regelmäßige, angemessene Klimaberichte stark.

Für den überarbeiteten Webauftritt des Vereins haben wir aus dem bestehenden Corporate Design ein nutzer*innenfreundliches, barrierearmes Interface-Design entwickelt. Umgesetzt haben wir die Seite gemeinsam mit itcv GmbH.

Auftraggeber*in
KLIMA° vor acht e. V.
Was wurde realisiert?
UI Design
Und wer hat’s gemacht?

Erster Check: Wie barrierearm ist das bestehende Design?

KLIMA° vor acht brachte bereits ein Corporate Design mit. Wie bei jedem Projekt in dieser Art haben wir deshalb zuerst geprüft, ob es sich für eine barrierearme Anwendung eignet. Gute Nachrichten: Die Farbpalette gibt genug Kombinationen her, die die WCAG-Kontrastanforderungen für eine barrierearme Website nach BFSG erfüllen. Das Corporate Design konnten wir also behalten und mussten nur beim Einsatz der Farben auf einige Dinge achten.

Eine Grafik vergleicht verschiedene Farbschemata für Schaltflächen und markiert sie mit einem grünen Häkchen.

Ein modulares System für verschiedene Inhalte

Übersicht über mehrere Webseiten-Elemente und Informationsbereiche auf gelbem Grund

Der Verein hat viel zu erzählen: Hintergrundartikel, Pressemeldungen, Materialien, Auswertungen. Damit das nicht im Chaos endet, haben wir ein modulares UI-System mit Templates für die verschiedenen Einsatzzwecke entwickelt, darunter:

  • Hintergrundartikel mit viel Platz für Lesefluss und Quellen
  • Pressemeldungen, damit Medienschaffende schnell finden, was sie brauchen
  • Materialübersicht für Video-Folgen, Buch, Unterrichtsmaterialien und mehr
  • Ressourcen-Seiten mit klaren Handlungsaufforderungen, die zeigen, was du direkt nutzen kannst

Alle Templates folgen denselben Regeln für Typografie, Farbe und Abstände. So bleibt die Seite auch dann einheitlich, wenn der Verein Neues ergänzt, und ganz ohne Designaufwand.

Gradkreise: aus Corporate Design wird Bildsprache

Das ° im Namen ist mehr als ein Zeichen: Die Gradkreise aus dem Corporate Design sind das Herzstück der Illustrationen. So bekommt jedes Angebot ein eigenes Gesicht, und trotzdem sieht man sofort, dass alles zusammengehört.

mehrere Illustrationen im selben Stil zu den Themen Klima-Berichterstattung, Recherche, Teamwork, Merchandise

Lust auf Klima-Wissen?

Hier entlang:

KLIMAvoracht.de

Startbildschirm der Website klimavoracht.de

Sichtbarkeit und Struktur für dein Projekt

Auch du hast ein wichtiges Thema, das zur besten Sendezeit gehört? Wir bringen es klar, zugänglich und mit einer Prise Schärfe auf den Bildschirm.

Schreib uns?