DIGITAL BRANDING

Licht ins Dickicht

Nach 15 Jahren erscheint die Website des Bundesamtes für Naturschutz (BfN) mit ihrer unermesslichen Fülle an Inhalten im neuen Gewand: modernisierter Look & Feel, gut strukturierter Aufbau, zeitgemäße Suchfunktion, Barrierefreiheit nach BITV 2.0 und zukunftsfähige Systemarchitektur.

Das BfN, die wissenschaftliche Behörde des Bundes für Naturschutz und Landschaftspflege, ist im Geschäftsbereich des Bundesministeriums für Umwelt, Naturschutz und nukleare Sicherheit (BMU) angesiedelt.

Die Website www.bfn.de bietet umfassende, über viele Jahre entstandene, Informationen zum Naturschutz. SIRUP erhielt im Ausschreibungspitch den Zuschlag für den Relaunch und übernahm somit als betraute Digitalagentur den gesamten Prozess: Content-Strategie, Konzeption, Kreation, technische Umsetzung sowie Content-Migration der Website und Satellitenseiten.

Die inhaltsschwere Website richtet sich an Wissenschaftler:innen, Naturschützer:innen, politische Entscheidungsträger:innen und nicht zuletzt engagierte Bürger:innen. Die Verfügbarkeit von Inhalten bis in den kleinsten wissenschaftlichen Detailgrad zeichnet das Internetangebot des BfN aus – und bedeutet vor allem: eine gute, nachvollziehbare Website-Struktur und eine performante Website-Suche sind hier besonders essenziell.

Bestandteil des Auftrags „Relaunch der BfN-Website / Migration der Inhalte” war deshalb, noch vor Konzeption- und Designprozess, ein Content-Audit: die vollständige Sichtung von über 15.000 Seiten mit allen Inhalten, Inhaltstypen und -formen. In insgesamt 9 Workshops mit Mitarbeitenden aus über 20 eingebundenen Fach-Abteilungen des BfN (ganztägig und remote) nahmen wir eine Umstrukturierung und Clusterung der Inhalte vor: somit konnten wir eine belastbare neue Sitemap erstellen und uns ganz bewusst für oder gegen die Mitnahme von Inhalten im Rahmen der umfangreichen Migration (inklusive Redigierung und URL-Redirects gemäß unserem SEO-Konzept) entscheiden. Dabei konnten wir zweierlei Ansprüche erfüllen: das Web-Angebot trotz hoher Komplexität der Inhalte naturschutzinteressierte Nutzenden einfach zugänglich zu machen und gleichzeitig den Arbeits- und Pflegeaufwand für die Mitarbeitenden der Online-Redaktion reduzieren.

Auf Basis dieser neu gefundenen Seitenstruktur und des darauf aufbauenden UX-Konzepts entwickelte das Kreativteam von SIRUP ein nutzerfreundliches UI-Design, das den geltenden Vorgaben des Corporate Designs nachkommt und dafür ausgelegt ist, komplexe und teils sehr umfangreiche Inhalte gut erfassbar und responsiv darzustellen. Hierbei lag ein besonderer Fokus auf der Barrierefreiheit nach BITV 2.0: kontrastreiche Farben, der hierarchische Aufbau von Seiten, Auszeichnung von Inhaltselementen und eine gute Readability durch Screenreader. Zum Abschluss des Relaunches verifizierte eine offizielle Prüfstelle die Einhaltung und erfolgreiche Umsetzung der Vorgaben zur Barrierefreiheit.

Zahlreiche technische Anforderungen in diesem Vorhaben wie das Workflow-Management, abweichende Sprachversionen und Mandantenfähigkeit entstammten dem bisherigen Erfahrungshorizont mit dem bestehenden TYPO3-System und waren keine Core-Features von Drupal. Unser Team der Software-Entwicklung konnte solche Features als Custom Module für Drupal passgenau nachimplementieren, die sich durch Clean Code, eine hohe Abstraktion und eine gesicherte Updatefähigkeit des Systems auszeichnen.

Die technische Umsetzung der Website auf Basis des Content Management Systems Drupal war geprägt durch zahlreiche strukturierte Inhaltstypen, wie Publikationen, Projekte oder Artensteckbriefe, die für einen einheitlichen Auftritt sorgen und sich auf Übersichtsseiten komfortabel facettieren und filtern lassen. Sämtliche Entitäten sowie Inhalte sind für Besuchende der Website über eine umfangreiche Volltextsuche auf Basis eines Apache-Solr-Suchservers leicht zu finden und zu filtern, während für Nutzende des Backends zudem fachspezifische Suchanwendungen realisiert wurden. Die Clusterung der Inhalte spielte auch eine zentrale Rolle bei der Planen der Migration, sodass die Inhalte aus dem Alt-System geordnet – teils programmatisch, teils manuell – in das Neu-System übernommen wurden.

Die inhaltliche Arbeit der Mitglieder der Fachredaktion und Endredaktion wird durch einen umfassenden Freigabeprozess auf Basis des Rollen-Rechte-Konzepts unterstützt: Inhalte werden – über ein eigens auf Bedienungsfreundlichkeit optimiertes Drupal-Backend – im Entwurf angelegt, zur Freigabe mit E-Mail-Benachrichtigung gestellt und entweder veröffentlicht, zurückgewiesen oder für externe Instanzen zur Ansicht zur Verfügung gestellt. Bei der Umsetzung der Zweisprachigkeit berücksichtigten wir die unterschiedlichen Umfänge der Sprachversionen: manche Inhalte sollten erst nach Launch in Englisch oder generell nur in einer Sprachversion bereitgestellt werden. Beim Anlegen der Übersetzungen können Seitenabschnitte und -bestandteile ausgeblendet werden, [MV1] [VH2] wodurch große redaktionelle Freiheit beim Aufbau der englischen Version der Webseite ermöglicht wurde.

Die Veranstaltungen des BfN finden zum größten Teil in der Internationalen Naturschutzakademie auf der Insel Vilm statt, ein einzigartiges Naturschutzgebiet vor Rügens Südküste. Über eine Schnittstelle zur Seminarmanagementsoftware des Bundesamtes werden die dort zentral verwalteten Veranstaltungen importiert und automatisch in Drupal als strukturierte Entitäten angelegt, während die Anmeldung von Nutzenden für Online- oder Präsenz-Veranstaltungen inklusive Zimmerreservierungen und Verpflegungswünsche von der Website wiederum an das externe Drittsystem übergeben werden.

Parallel zum Relaunch entwickelten wir als Abformat die Webseite des Nationalen Monitoringzentrums für Biodiversität (NMZB) in Leipzig, die sich auf Konzept, Design und technische Umsetzung der BfN-Website stützt und pünktlich zur Eröffnung des NMZB gelauncht werden konnte. Die Auslagerung und Abstraktion einzelner Drupal-Module in diese Instanz und die Übernahme bereits entwickelter Seitentypen zahlen auf unser Konzept zur Mandantenfähigkeit von Drupal-Systemarchitekturen ein.

Mit dem Relaunch der Webseite konnten wir für das Bundesamt für Naturschutz eine zukunftsweisende Systemarchitektur für einen langfristigen Einsatz etablieren. Sie ist der Grundstein für die iterative Weiterentwicklung neuer Features und größerer Vorhaben, die wir mit unseren Ansprechpersonen der Behörde im Rahmen des anschließenden Support-Services realisieren.

Kunde
Bundesamt für Naturschutz
Projekt
Digital Re-Branding, Website Relaunch
Technologie
Drupal, Apache Solr, Bootstrap, Responsive Design
Aufgaben
Design und technische Umsetzung der Website, CMS mit Rollen-Rechte-System und Workflows, Barrierefrei nach BITV 2.0, Zweisprachigkeit, Umfangreiche Datenmigration, Verschiedene fachliche Suchanwendungen, optimiertes und bedienungsfreundliches Backend für Redakteur:innen, Redaktionell-inhaltliche Workshops