Die Royal Society for the Protection of Birds (RSPB) ist eine im Vereinigten Königreich eingetragene Wohltätigkeitsorganisation für den Schutz von Vögeln und der Natur, die in England, Wales und Schottland registriert ist. Die Organisation fördert den Natur- und Umweltschutz durch öffentliche Aufklärungskampagnen, Petitionen und die Verwaltung von Naturschutzgebieten im gesamten Vereinigten Königreich. Mit fast 1,2 Millionen Mitgliedern, darunter mehr als 190.000 jugendliche Mitglieder, und der Verantwortung für über 200 Naturschutzgebiete ist die RSPB eine der größten Naturschutzorganisationen der Welt.

Der RSPB führte eine CMS-Migration und eine Neugestaltung der Website durch, um seine digitalen Möglichkeiten zu verbessern und seinen Nutzern, der Naturschutzgemeinschaft, eine bessere Erfahrung zu bieten und die Möglichkeiten zur Erzielung von Einnahmen durch die Förderung von Mitgliedschaft und Spenden zu maximieren.

CMS-Migration und -Wartung

Ein Hauptziel dieses Projekts war die Durchführung einer CMS-Migration von der bisherigen Legacy-Plattform zu einer modernen Lösung mit Magnolia DXP auf einer Platform-as-a-Service (PaaS)-Infrastruktur.  

"Durch die Modernisierung der Website wird es für uns einfacher, mit den Menschen in Kontakt zu treten und ihnen zu helfen, sich mit der Natur zu verbinden, Maßnahmen für die Tierwelt zu ergreifen und unsere Naturschutzziele dort zu fördern, wo sie am meisten gebraucht werden."

- John Benfield, Produktverantwortlicher Website

PRODYNA hat sich für die PaaS-Lösung entschieden, weil sie das Infrastrukturmanagement abstrahiert, die Anwendungsentwicklung vereinfacht und integrierte Skalierbarkeit bietet. Durch die Einführung eines Headless-CMS-Ansatzes haben wir die Verwaltung der Inhalte von der Darstellung der Daten entkoppelt, was eine größere Flexibilität ermöglicht.

Unsere Rolle umfasste:

• Bewertung der Durchführbarkeit der Migration.
• Unterstützung der internen Softwarearchitekten bei der technischen Lösung und Teilnahme an der Anforderungserhebung mit den Beteiligten.
• Planung, Implementierung und Test verschiedener Inhaltsanwendungen, die im gesamten RSPB-Ökosystem verwendet werden.
• Verwaltung von CI/CD-Pipelines, die auf GitHub Actions gehostet werden, um eine reibungslose Bereitstellung und kontinuierliche Integration zu gewährleisten.

Neugestaltung der Website

Der RSPB benötigte ein komplettes Redesign seiner Website, um Design, Leistung und SEO zu verbessern. Das Ziel für PRODYNA war es, eine mobile-first, responsive und zugängliche Website zu liefern, die den Industriestandards entspricht.

Dank der kopflosen, auf Microservices basierenden Architektur haben wir die Frontend-Komponente mit Angular neu geschrieben und in Azure Web Apps bereitgestellt. Inhalte und Komponenten werden über RESTful-APIs bereitgestellt, die Daten aus dem CMS und von Drittanbietern abrufen. Zur Wahrung der Konsistenz haben wir die UI-Komponenten in einer Chromatic-Storybook-Design-Bibliothek gespeichert.

Prozessoptimierung und CI/CD-Integration

Wir haben automatisierte Systeme entwickelt, um die Aktualisierung der Website und der Software der RSPB zu beschleunigen. So können Änderungen am CMS, am Aussehen der Website und an den zugrunde liegenden Diensten schnell veröffentlicht werden. Wir nutzten auch das API Gateway und Front Door von Azure, um sicherzustellen, dass alles reibungslos und zuverlässig läuft. Und natürlich haben wir mit der Web Application Firewall von Azure strenge Sicherheitsmaßnahmen eingeführt.

Herausforderungen

• Harte Frist: Die Migration musste vor der Vertragsverlängerung für unsere bestehende Architektur abgeschlossen sein.
• Optimierte Content-Editor-Erfahrung: Wir haben den Magnolia-DXP-Editor gestrafft und gleichzeitig strukturierte und flexible Inhaltslayouts beibehalten.
• Verteilte Systemkommunikation: Da mehrere Teams involviert waren, haben wir teamweite Verfeinerungsbesprechungen und Kommunikationskanäle eingerichtet, um Systemaktualisierungen effizient zu koordinieren.

Lösung - Magnolia DXP

Die neue digitale Erfahrung des RSPB, die auf Magnolia DXP basiert, lebt in einer skalierbaren, nativen Cloud-Umgebung. Wir haben die Benutzeranmeldung mit Microsoft Entra SSO optimiert. Sichere RESTful APIs stellen Inhalte bereit, während eine Microservices-Schicht als Datenpipeline fungiert und Informationen aus dem CMS und externen Quellen zusammenführt.

Das Frontend ist eine intuitive Angular-Anwendung, die Daten über das Azure API Gateway abruft. Wir haben alle Komponenten - CMS, Dienste und Frontend - in Docker-Containern verpackt, in der Azure Container Registry gespeichert und Updates mit GitHub Actions automatisiert.

"Eine blühende Welt für Vögel beginnt mit Bewusstsein und Handeln. Unsere neue Website, eine umfassende digitale Plattform, trägt dazu bei, mehr Menschen zu inspirieren, die Orte und Arten zu schützen, die die Natur besonders machen.

- John Benfield, Produktverantwortlicher Website

Bei der jüngsten CMS-Migration und der Neugestaltung der Website des RSPB ging es nicht nur um das Aussehen, sondern auch darum, eine solide Grundlage für zukünftige Entwicklungen zu schaffen. Jetzt verfügt die Organisation über ein einfacher zu verwaltendes System und eine Website, die es den Menschen leicht macht, sich über die Naturschutzarbeit der Organisation zu informieren und sie zu unterstützen.