Startseite der neuen Bergwaldprojekt-Website mit zielgruppenspezifischer Nutzerführung, großflächigen Naturfotos und naturverbundenem Design.

Digitale Stärkung für den Klimaschutz: Relaunch der Bergwaldprojekt e.V. Website

Mit der neu gestalteten Website für das Bergwaldprojekt hat erdfisch einen attraktiven, leistungsfähigen und zukunftssicheren digitalen Auftritt geschaffen. Der Relaunch war nicht nur ein visuelles Update, sondern eine umfassende Neuentwicklung mit klarem Fokus auf ein modernes, aber individuelles Design, Usability, Performance und technische Nachhaltigkeit.

Warum ein Relaunch notwendig war

Die alte Website lief auf Drupal 6 – einer längst nicht mehr unterstützten Version – und war sowohl technisch als auch gestalterisch veraltet. Fehlende Barrierefreiheit, mangelnde Mobiloptimierung und eine unübersichtliche Struktur erschwerten den Nutzern die Interaktion. Eine Modernisierung war unerlässlich, um die digitale Präsenz des Bergwaldprojekt e.V. langfristig erfolgreich zu machen.

Was uns während der Design- und Entwicklungsphasen auffiel: Der Bergwaldprojekt e.V. verfügt über ein erstaunliches und riesiges Portfolio an schönen Naturfotos. Dieser Augenweide konnte das alte System kaum gerecht werden, weil es dort nur sehr wenig Flächen zur Ausgabe dieser fotografischen Vielfalt gegeben hatte.

Hier ein Screenshot von der ehemaligen Startseite des Drupal 6 Systems:

 

Alte Startseite der Bergwaldprojekt-Website mit weißem Hintergrund, kleinteiliger Kachel-Ansicht mit Fotos und Links zu Unterseiten; wenig Kontrast und schwer erkennbare Navigation.

Die ehemalige Bergwaldprojekt-Startseite. Vor allem Schriften waren schwerer für das Auge zu erkennen und die Struktur war weniger nachvollziehbar aufgebaut.

Zum Vergleich die neue Startseite:

Neue Startseite der Bergwaldprojekt-Website mit großem Titelbild eines lächelnden jungen Mannes mit Baumsetzlingen, darunter vier große Bilder-Buttons zu Mitmachen, Projekten, Blog und Unternehmensengagement.

Die Nutzerführung wurde angepasst: zuerst werden verschiedene Zielgruppen angesprochen und können direkt in Interessengebiete eintauchen. Das naturbezogene, individualisierte Designsystem wurde vom Kunden-Team mit erdfisch Beratung entwickelt.

Ziele und Schwerpunkte des neuen Auftritts

Der Relaunch verfolgte drei zentrale Ziele:

  • Optimierte Darstellung auf allen Endgeräten – eine responsive Website für maximale Erreichbarkeit.
  • Mehr Engagement und Interaktion – besonders im Bereich der Projektwochen, in denen deutschlandweit Freiwillige in Naturschutzgebieten aktiv werden, um einen direkten Beitrag zum Klimaschutz zu leisten.
  • Langfristige Wartbarkeit und Skalierbarkeit – eine robuste Drupal-Lösung, die den zukünftigen Anforderungen gewachsen ist.

Technische Highlights, Mehrwert und Herausforderungen

Um diesen Anforderungen gerecht zu werden, setzten wir auf eine maßgeschneiderte Drupal-Architektur mit modernsten Technologien:

  • Integration mehrerer Drittanbieter-Schnittstellen, darunter Echtzeit-Abfragen für Informationen wie die Verfügbarkeit von Plätzen für Teilnehmende.
  • Search API mit Solr für eine leistungsstarke und schnelle Suchfunktion, die insbesondee die interaktive Mitmachen-Seite ermöglicht. Diese bietet eine völlig neue Nutzererfahrung durch eine zoombare Karte und leistungsfähige Filter, wodurch es wahrscheinlicher wird, dass sich Nutzer für eine Projektwoche anmelden.
  • Layout Builder, das beliebte Modul für eine flexible Content-Gestaltung, die es dem Bergwaldprojekt ermöglicht, Inhalte gezielt auf verschiedene Zielgruppen auszurichten und so das Storytelling und die Nutzerführung zu verbessern. Layout Builder ist Teil von Drupal Core.
  • Ein großes Megamenü zur verbesserten Navigation durch die vielschichtigen Inhalte. Während viele davon früher kaum auffindbar waren, gibt es jetzt eine gute Übersicht.
  • Verknüpfung von Inhaltstypen, um Daten effizient zu organisieren und Informationen zu vererben.
  • Ein neuer Shop auf Basis von Drupal Commerce, der eine simple und benutzerfreundliche Einkaufserfahrung bietet.
  • Ein verbesserter Blog mit modernerer Struktur, besserer SEO-Optimierung und nutzerfreundlichem Design. Im alten System waren Artikel eher logbuchartig geführt worden und konnten nicht direkt verlinkt werden. Die neue Lösung sorgt für eine bessere Lesbarkeit, Strukturierung und einfaches Teilen von Inhalten. erdfisch schafft Lösungen, die technisches SEO, Barrierefreiheit, Mobil-Optimierung und modernes Webdesign immer mitbedenken.

Besondere Herausforderungen gab es bei der CRM-Integration sowie der Entwicklung der Mitmachen-Seite. Die Anforderungen entwickelten sich dynamisch weiter, was wir durch enge Abstimmung, agile Prozesse und ausgiebige Tests erfolgreich gemeistert haben.

Mitmachen-Seite der Website mit Filteroptionen für Projekte nach Ort, Zeitraum und Verfügbarkeit. Links eine Übersicht von Projektkarten mit Bild und Ort, rechts eine Deutschlandkarte mit farbigen Markern für Projektstandorte.

Die Mitmachen-Seite bietet ausgefeilte Filtermechanismen. Auch der aktuelle Zoom-Ausschnitt der Karte arbeitet als Filter mit.

Design mit Individualität und Barrierefreiheit

Das Design stammt aus der Feder des Bergwaldprojekt-Teams selbst. Wir standen beratend zur Seite und stellten sicher, dass alle Ideen technisch umsetzbar und für die Nutzerinnen und Nutzer optimal sind. Das Ergebnis: ein spielerisches, naturverbundenes, modernes und barrierefreies Design mit hoher Usability, aber trotzdem nicht "von der Stange".

Mobile Version einer Infoseite des Bergwaldprojekts mit Text zur Bedeutung von Wäldern für das Klima, hervorgehobenen Fakten zu Waldflächen und Kohlenstoffspeicherung sowie einem Foto eines Waldbereichs mit Nadelbäumen.

In der mobilen Darstellung rutschen Informationen, wie heutzutage üblich, untereinander. Der Charakter des Designs bleibt erhalten.

Erfolgreicher Relaunch – auch für Ihr Projekt?

Die neue Website wurde von der Community begeistert aufgenommen. Die Anmeldezahlen für die Projektwochen sind nach dem Relaunch auf sehr hohem Niveau gewesen.

erdfisch bietet neben der Durchführung Ihres Projekt Relaunchs auch professionelle Dienstleistungs-Rahmenverträge für automatisierte Drupal-Wartung, Performance Hosting und Weiterentwicklung an. Weitere Informationen dazu finden Sie hier.

Henjo Völker

Projektmanager
Profilfoto Henjo Völker