Projekt Details
Projekt
Kunde:
OmniCert Umweltgutachter GmbH
Branche:
Umweltgutachter / Energieberater / Zertifizierung
Credits:
Bilder: unsplash, pexels
Kontakt
Katrin Hauf
UX/UI Visual Design,
Digital Learning Designer
+49 (0)89 / 41 61 40 813
Ausgangslage für den Online publizierten Nachhaltigkeitsbericht sowie die nach EMAS validierte Umwelterklärung
Da der Nachhaltigkeitsanspruch von OmniCert über die rein ökologische Sichtweise hinausgeht, veröffentlicht die OmniCert Umweltgutachter GmbH ihre Berichte über Nachhaltigkeitsaktivitäten seit zum Jahr 2018 online. Mit einem Verzicht auf einen gedruckten Nachhaltigkeitsbericht, verfolgt OmniCert damit konsequent den Weg der gelebten Nachhaltigkeit.
Zielsetzung
Seit Gründung der OmniCert Umweltgutachter GmbH lebt das Unternehmen Werte, die sich in den Sustainable Development Goals (SDG) der Vereinten Nationen wiederfinden. Um dieses Bestrebungen transparent und messbar nachzuverfolgen, veröffentlicht OmniCert einen Nachhaltigkeitsbericht, den das Unternehmen von 2018-2022 in die Form eines GWÖ-Berichtes überführt. Anschließend wird dieser Bericht auf das EMAS-System (Eco Management and Audit Scheme) umgebaut.
Anforderung
Sowohl für die Nachhaltigkeitsberichte, also auch für die Umwelterklärungen soll ein Format gefunden werden, das die Nachhaltigkeit beim Planungs- und Erstellungsprozess berücksichtigt. Außerdem sollen beide Publikationen jährlich um den aktuellen Bericht und die dazugehörige Umwelterklärung erweitert werden.
Nachhaltigkeit als Faktor in die Konzeption mit aufnehmen
- Beratung von nachhaltigen Konzepten, wie z.B. CO₂-neutrale Webseiten und nachhaltiges Hosting in den Planungsprozess aufnehmen
- Die User Journey für die Zielgruppen in der Konzeption planen
- JEDI: Justice, Equity, Diversity, Inclusion
- Datenschutzkonform umsetzen
Nachhaltiges Webdesign
- Modulare Designsysteme nutzen, statt sich zu wiederholen
- Design – Mobile First
- Die Nutzenden steht im Mittelpunkt aller Überlegungen
- Barrierefreie Pattern im Blick haben
Umsetzung
Key Visual das die Wiedererkennung im Nachhaltigkeitsbericht sowie in der Umwelterklärung unterstützt
Um die Bildgrößen möglichst gering zu halten, werden als Key-Visual Bildmotiven als weitgehend monochrom gehaltene Aquarelle eingesetzt. Diese Art der Visualisierung erlaubt es die Bildgröße minimal zu halten, auch bei hoher Bildauflösung und groß eingesetzten Bildformaten. Diese Bildsprache wird innerhalb der Seite auch zur Orientierung eingesetzt, um inhaltliche Blöcke wie Zusammenfassungen, Schlussfolgerungen oder Negativbeispiele grafisch zu kennzeichnen.
Darstellen von interaktiven Infografik um Sachverhalte schnell erfassbar und vergleichbar zu machen
Mit Hilfe der OpenSource Bibliothek Chart.js werden Zahlen vergleichbar und auf einen Blick erfassbar gemacht. Durch die Vorteile dieser einfachen und dennoch flexible JavaScript-Diagrammbibliothek:
- … wird die Größe des JavaScript-Bundles um Dutzende Kilobyte reduziert, denn nur die erforderlichen Komponenten sind registriert.
- … können Diagramme in Gruppen gestapelt und gewichtet werden.
- … werden Liniensegmente nach benutzerdefinierten Kriterien gestaltet.
- … sind Animationen individuell konfigurierbar.
- … wird die Leistung verbessert.
- … vermittelt durch Balken- und Liniendiagramme eine klare visuelle Unterscheidung zwischen Datensätzen.
Nutzen von modularen Design Systemen
Modular designen statt sich zu wiederholen. Für die Umsetzung fällt die Wahl auf das flexibles CMS-System WordPress, dass wiederverwendbare Inhaltsblöcke darstellt. Den inhaltliche Aufbau der Online Publikationen legt arsnavigandi einmalig in WordPress an. Diese Struktur passen die Autoren der OmniCert Gutachter GmbH zukünftig flexibel an. Unveränderte Inhaltsblöcke werden nicht kopiert oder dupliziert, sondern die Autoren binden sie als Referenz ein. So bleibt die Datenmenge klein und es entstehen keinen unnötigen Wiederholungen.
Nach EMAS validierte Inhalt, sind speziell gekennzeichnet. Dazu entwickelt ars navigandi ein Modul, dass im Frontend ein „geprüft“ Siegel ausgibt. Haken die Autoren in der Benutzeroberfläche diese Option an, zeigt WordPress diese Kennzeichnung für bestimmte Seiten an. Diese Seiten werden dem Prüfer in einem digitalen PDF-Dokument als Umwelterklärung vorgelegt.
Die Seite überprüft ars navigandi in Abständen mit dem Analyse-Tool „Google Lighthouse“ überprüft, um einen Barrierefreien Zugang zu ermöglichen.
Fazit und Ausblick
Für das Publizieren der Nachhaltigkeitsberichte, sowie der Umwelterklärungen ist ein flexibler und nachhaltiger Weg entstanden. Dementsprechend umfassend berichtet die OmniCert Umweltgutachter GmbH auch in Zukunft unter nachhaltigkeit.omnicert.de über alle Aspekte ihres Handelns und dessen Auswirkungen auf Gesellschaft, Lieferanten, Mitarbeitenden, KundInnen und Umwelt. In der Umweltperspektive kommunizieren die Umwelgutachter die ökologischen Aspekte. Auch die, von einem unabhängigen Auditor nach EMAS validierte Umwelterklärung, ist darin enthalten.