CORRECTIV »Theater und Journalismus« – WordPress FSE/Block-Theme
CORRECTIV und das Schauspiel Köln bringen mit »Theater und Journalismus« investigativen Journalismus auf die Bühne. Wir haben das WordPress-Theme der Initiative erstellt und das kurzfristige Projekt termingerecht realisiert.
Projektzeitraum
Unsere Aufgabe
CORRECTIV und das Schauspiel Köln haben eine mehrjährige, von der Rudolf Augstein Stiftung geförderte Initiative ins Leben gerufen, die investigative Recherche und Theater auf einer gemeinsamen Bühne zusammenbringt. Für den öffentlichen Auftakt musste die Website zu einem festen, nicht verhandelbaren Stichtag online sein.
Vorhanden waren Entwürfe der Visuellen Identität, grobe Wireframes und eine HTML-Vorschaltseite. Unsere Aufgabe war es, daraus eine vollständig redaktionell pflegbare Website auf WordPress-Basis zu entwickeln. Vom ersten Briefing bis zur Auftaktveranstaltung blieben uns dafür nur rund sechs Wochen.
Den Zeitplan konnten wir mit priorisierten Features und organisiertem Projektmanagement halten
Schon vor der Beauftragung haben wir den Funktionsumfang in zwei Vorgesprächen mit CORRECTIV gegen die knappe Deadline gespiegelt und gemeinsam priorisiert: Welche Module sind zum Auftakt zwingend nötig, welche Features und Details können wir im laufenden Betrieb nachziehen? Auf dieser Basis haben wir das Projekt von Anfang anhand einer strengen Roadmap bearbeitet.
Das technische Projektmanagement haben wir übernommen und mittels Jira organisiert. Das Team von CORRECTIV wurde ins Ticketsystem eingebunden, sodass jederzeit ersichtlich war, welche Aufgaben anstehen und wo sich das Projekt insgesamt auf der Zeitachse befindet. Zusätzlich wurde jede Woche ein 20-minütiger Jour-fixe durchgeführt, um alle Beteiligten auf aktuellem Stand zu halten und Fragen in direkter Abstimmung klären zu können.
Wireframes haben wir in CMS-Strukturen überführt
Wir haben die vom Design Team des Kunden gelieferten Wireframes und Entwürfe gesichtet und daraus eine vollständige Sitemap, alle Seiten- und Inhaltstypen (Post Types) sowie eine Bibliothek wiederverwendbarer Module (Patterns) abgeleitet. Im Vordergrund standen dabei ein Projekt-Blog für News, ein Bereich für »Themen«, eine Über-/Team-/Partner-Seite, der Bereich »Mitwirken« sowie die Anbindung an Veranstaltungen, Spenden und einen Download-Bereich für Ressourcen. Und natürlich die Startseite.
Im Workshop wurden alle Anforderungen geschärft
In einem Workshop bei uns im Büro in Berlin Kreuzberg haben wir mit dem Team von CORRECTIV die im Vorfeld priorisierten Anforderungen weiter geschärft: Roadmap, Plugin-Strategie, Vorgaben für Barrierefreiheit und Datenschutz, gegenseitige Zuarbeiten. Die Informationsarchitektur haben wir live abgeglichen, Templates und Pattern gegeneinander abgewogen und die Aufgaben für die folgenden Wochen direkt als Tickets in Jira festgehalten.
Ein Design System war unser Ausgangspunkt
CORRECTIV hatte sehr konkrete technische Vorstellungen für die Umsetzung: Das Theme sollte das Full-Site-Editing von WordPress nutzen, gleichzeitig aber vollständig versionierbar bleiben und nicht von einem datenbankgebundenen Customizing abhängen. Unser hauseigenes Design System für WordPress bot hierfür eine ideale Ausgangssituation und das Development von CORRECTIV hat es als überzeugende Grundlage akzeptiert. Es entstand eine Zusammenarbeit, in der beide Seiten technisch voneinander lernen konnten.
Den Prototypen haben wir direkt im Browser entwickelt
Statt eine pixelgenaue Design-Datei zu produzieren und sie anschließend nachzubauen, haben wir den Prototypen vom ersten Tag an direkt auf dem Dev-Server entwickelt. Auf Basis der Wireframes entstand ein klickbares System, das alle vorgesehenen Seitentypen und Module enthielt aber bewusst noch grob gestaltet war. So konnte CORRECTIV sehr früh durch die Seiten navigieren, das Verhalten der Inhaltstypen prüfen und parallel mit der redaktionellen Befüllung beginnen.
Eingebunden waren zu diesem Zeitpunkt bereits das Newsletter-Formular mit Anbindung an die Mailchimp-API, das CORRECTIV-eigene Veranstaltungskalender-Plugin sowie ein Salesforce-Spendenformular.
Den Look haben wir in enger Abstimmung mit dem Design-Team umgesetzt
Die CMS-Schulung war ein bewusster Fixpunkt in der Roadmap
Etwa zur Halbzeit der Umsetzung haben wir das Redaktions-Team in einer mehrstündigen Live-Schulung durch das CMS geführt. Während wir danach an visuellen Details im Frontend und bei Animationen weitergearbeitet haben, konnte CORRECTIV die Seiten bereits aus den vorbereiteten Pattern inhaltlich aufbauen. Da das Erscheinungsbild über Tokens und Styles angewendet wurde war der Feinschliff parallel zur Redaktionsarbeit möglich.
Die projektspezifischen Besonderheiten haben wir zusätzlich als Erklärvideos festgehalten, sodass neue Redaktionsmitglieder die Funktionen jederzeit selbst nachvollziehen können.
Wir sind pünktlich online gegangen
Vor der Onlinestellung sind wir die Website entlang unserer QS-Checklisten durchgegangen. Dank der frühen Priorisierung, einer konsequenten Ticket-Pflege und wöchentlichen Abstimmungen ging die Website zum vereinbarten Stichtag online.
Im Backlog befanden sich bereits weitere Features, Ideen und visuelle Verbesserungen, die bewusst für die Zeit nach dem Launch eingeplant waren. Das Projekt läuft weiter und wird stetig verbessert.