ITAD e.V. - BITV-konformer Website-Relaunch und CRM-Entwicklung

Grünes ITAD-Logo, grüner Text, orangefarbenes Blatt über dem I, weißer Hintergrund.
Grüne Grafik mit Farbfeldern, Logos von TYPO3, Next.js und RabbitMQ, Symbol für „9+ Technologie-Stack“.

Von der Fachverbandswebsite zur vernetzten digitalen Plattform

Die Interessengemeinschaft der Thermischen Abfallbehandlungsanlagen in Deutschland e. V. (ITAD) ist die zentrale Stimme einer Branche, die weit mehr leistet als ihr Name vermuten lässt: Über 90 Mitgliedsanlagen repräsentieren mehr als 95 % der thermischen Behandlungskapazität für Siedlungs- und Gewerbeabfälle in Deutschland. Jährlich werden über 26 Millionen Tonnen Abfälle sicher, effizient und nachhaltig verwertet – und die dabei gewonnene Energie versorgt Millionen von Haushalten und Unternehmen.

Diesen Beitrag für Gesellschaft, Klima und Kreislaufwirtschaft sichtbar zu machen und gleichzeitig die interne Verbandsarbeit grundlegend zu modernisieren – das waren die Ziele des gemeinsamen Projekts. Das Ergebnis: eine neue TYPO3-Website und ein maßgeschneidertes CRM-System, die nahtlos miteinander verbunden sind.

Herausforderung: Veraltete Systeme, komplexe Anforderungen

Unregelmäßige grüne Formen links, ein Pfeil in der Mitte, regelmäßige grüne Rechtecke rechts, daneben das ITAD-Logo..

Die ITAD stand vor einer doppelten Herausforderung. Zum einen entsprach der Webauftritt nicht mehr den Ansprüchen an eine moderne Kommunikationsplattform für den führenden Fachverband der thermischen Abfallbehandlungsanlagen. Zum anderen war die bestehende Software zur Verbandsverwaltung technisch am Ende: Die DRUPAL-basierte Lösung war nicht mehr aktualisierbar, der ursprüngliche Dienstleister existierte nicht mehr, und das System wurde nur noch notdürftig am Laufen gehalten.

Beide Herausforderungen waren eng miteinander verknüpft – und wurden deshalb gemeinsam gelöst.

Die ITAD richtet sich mit ihrem Webauftritt an ein breites und anspruchsvolles Publikum: Politikerinnen und Politiker auf kommunaler, Landes-, Bundes- und europäischer Ebene, Fachpublikum aus der Entsorgungsbranche, Mitgliedsunternehmen sowie eine interessierte Öffentlichkeit. Die wesentlichen Leitideen für das Gesamtprojekt:

  • Wir sind die kompetente, faktenbasierte Stimme der Branche
  • Unsere Inhalte sind leicht auffindbar und verständlich strukturiert
  • Mitglieder finden ihren Bereich schnell und intuitiv
  • Interne Prozesse laufen effizient, automatisiert und zuverlässig
  • Beide Systeme – Website und CRM – arbeiten als Einheit
Infografik: „Mitgliedsunternehmen“ in der Mitte, verbunden mit drei Gruppen, grüner Hintergrund, unten das ITAD-Logo im Anschnitt..

UX Konzeption und Informationsarchitektur

In der gemeinsamen Konzeptionsphase haben wir die Anforderungen aller Zielgruppen systematisch aufgenommen und in eine klare Informationsarchitektur überführt. Dabei galt es, die thematische Tiefe des Verbands – von Kreislaufwirtschaft über Nachhaltigkeit bis hin zu politischen Stellungnahmen, Fachveranstaltungen und dem geschützten Mitgliederbereich – strukturiert zugänglich zu machen, ohne die Benutzerführung zu überladen.

Das Ergebnis: eine überarbeitete Navigationsstruktur, die Inhalte nach Nutzerinteressen bündelt und den Einstieg für alle Zielgruppen gleichermaßen erleichtert.

Grüner Styleguide mit Farbfeldern, Schriftgrößen, einem gelben Blatt und zwei Beispiel-Buttons mit dem Text „Button“.

Designsystem und Gestaltungslinie

Für die ITAD entwickelten wir ein individuelles Designsystem, das die Seriosität und Fachkompetenz des Verbands widerspiegelt und gleichzeitig Offenheit und Zugänglichkeit ausstrahlt. Die Gestaltungslinie wurde konsequent auf die Kommunikationsziele ausgerichtet: sachlich und klar, aber nicht trocken – mit einer Bildsprache, die die Anlagen und die Menschen dahinter in den Mittelpunkt rückt.

Technische Umsetzung auf Basis des Enterprise Content Management Systems TYPO3

Die technische Basis bildet TYPO3 CMS in der aktuellen LTS-Version. Das Content-Management-System ermöglicht dem Redaktionsteam der ITAD, Stellungnahmen, Pressemitteilungen, Faktenblätter, Studien und Veranstaltungshinweise eigenständig und effizient zu pflegen. Ein durchdachtes UI-Toolkit sichert die konsistente Weiterentwicklung des Auftritts auch in Zukunft.

Schwerpunkte der Website-Umsetzung:

  • Mitgliederbereich: Exklusive Inhalte, Dokumente und Veranstaltungen sicher und komfortabel für Mitglieder zugänglich, mit Benutzerkonten direkt aus dem CRM gesteuert
  • Veröffentlichungsmanagement: Strukturierte Darstellung umfangreicher Publikationstypen: News, Positionspapiere, Stellungnahmen, Jahresberichte, Studien
  • Veranstaltungskalender: Übersichtliche Darstellung von Konferenzen, Webinaren und Mitgliederversammlungen mit direkter Anmeldung
  • Suchfunktion: Schnelle und präzise Suche über alle Inhaltsbereiche
  • Mobil optimiertes responsives Design: Optimale Darstellung auf allen Endgeräten
  • Barrierefreiheit: Konsequente Umsetzung nach WCAG 2.1

Das neue CRM: Maßgeschneiderte Software für die Verbandsarbeit

Parallel zur neuen ITAD Website entwickelte PPW eine vollständig neue, individuell auf die ITAD zugeschnittene CRM-Lösung. Die Entwicklung erfolgte agil, in enger Abstimmung mit dem Projektteam der ITAD – von der UX-Konzeption durch unser UX-Team bis zur programmiertechnischen Umsetzung durch das Softwareentwicklungsteam bei PPW.

Das Herzstück bildet eine mehrstufige Mitgliederverwaltung, welche die komplexe Organisationsstruktur der ITAD präzise abbildet. Das System unterscheidet zwischen verschiedenen Formen der Mitgliedschaft bzw. Anlagen und Personen und erlaubt die Zuteilung unterschiedlicher Berechtigungen.

Ein integrierter Online-Formular-Baukasten ermöglicht es den Mitarbeitenden, individuell passende Anmeldeformulare zusammenzustellen – für Präsenzveranstaltungen mit Hotelübernachtung ebenso wie für Online-Webinare. Veranstaltungsanmeldungen, die auf der Website eingehen, werden automatisch ins CRM übertragen. Veranstaltungen können dabei entweder öffentlich zugänglich oder ausschließlich im geschützten Mitgliederbereich buchbar sein.

Mitarbeitende der Mitgliedsunternehmen organisieren ihre Zusammenarbeit in verschiedenen Gremien und thematischen Gruppen. Das System stellt sicher, dass Personen nur auf die Gruppen Zugriff haben, in denen sie tatsächlich Mitglied sind. Sitzungen werden direkt im CRM angelegt, Protokolle digital bereitgestellt und stehen als Downloads innerhalb der jeweiligen Gremiengruppe zur Verfügung. Für die gezielte Kommunikation innerhalb der Gremien ist das Newsletter-System CleverReach bidirektional angebunden.

Annika Belisle

Der Relaunch unserer Website mit Mitgliederbereich war eine Herausforderung, da historisch gewachsene Inhalte eine klare Struktur brauchten. PPW hat uns auf dem Weg zum Ziel mit Geduld begleitet und versucht, nicht nur alle Notwendigkeiten, sondern auch alle Wünsche umzusetzen. Wir bedanken uns für die partnerschaftliche Zusammenarbeit!

Referentin PR und Kommunikation
ITAD e.V.

Website und CRM im Verbund

Daten werden zwischen der TYPO3-Website und dem CRM-System ausgetauscht: Mitgliedschaften, Veranstaltungen, Newsletter, Anmeldungen, Ausschüsse.

Die besondere Stärke des Projekts liegt in der nahtlosen Verzahnung beider Systeme. Website und CRM kommunizieren über eine Event-basierte Architektur miteinander: Alle Datenänderungen im CRM resultieren in Events, die die Website in Echtzeit übernimmt und ihre eigenen Daten entsprechend aktualisiert. Dies gewährleistet eine konsistente Synchronisation ohne manuelle Zwischenschritte.

Konkret bedeutet das: Benutzerkonten für den Mitgliederbereich der Website werden direkt aus dem CRM verwaltet. Veranstaltungsanmeldungen über die Website fließen automatisch ins CRM. Gremien-Mitgliedschaften steuern, welche Inhalte und Veranstaltungen im geschützten Bereich sichtbar sind.

Technologie-Stack

Für maximale Zukunftssicherheit setzt das CRM auf eine moderne Microservices-Architektur:

Backend: NestJS API-Server mit TypeScript, PostgreSQL als Datenbank
Frontend: Vue 3 und Vuetify in TypeScript
Messaging: RabbitMQ als Event-Queue zwischen den Services, QuestDB als persistenter Event Store
Integration: CleverReach-Connector mit PHP/Symfony 
Testing: JUnit für API-Tests, Playwright für End-to-End-Tests 
DevOps: Docker/docker-compose, GitLab CI für automatisiertes Deployment 
Monitoring: Alloy, Loki und Grafana für Logging und Visualisierung
 

Kommunikation und Verbandsarbeit – digital vereint.

ITAD: 95 % des Mülls in Deutschland werden verbrannt, 281.000 Tonnen pro Jahr Auslastung, gegründet 1964.
Eine große Fabrik mit einem weißen Schornstein und bunten Gebäuden, umgeben von viel Grün unter blauem Himmel.
Grünes Banner mit dem Titel „Funke der Veränderung“ von ITAD und Ansteckbutton zu den Jahresberichten.

Mit dem Website-Relaunch und neuem CRM verfügt die ITAD über eine moderne, zukunftssichere digitale Infrastruktur – aus einem Guss, aus einer Hand. Der neue Webauftritt stärkt die Kommunikation nach außen und positioniert die ITAD als führende Interessenvertretung der thermischen Abfallbehandlung in Deutschland. Das CRM entlastet die Mitarbeitenden spürbar im Alltag. Und die Verbindung beider Systeme sorgt dafür, dass Informationen nur einmal gepflegt werden müssen – aber überall zur Verfügung stehen.

Digitale Lösungen für Institutionen und Kommunen mit Wirkung

Klicken Sie hier, um das Slider-Karussell zu überspringen
Ende des Slider-Karussell

BITV Check - Wir prüfen Ihre Website oder Ihr digitales Produkt.

Wir setzen die Projekte unsere Kunden nicht nur BITV-konform um, wir prüfen auch Websites, Apps und digitale Produkte hinsichtlich der gesetzlichen Anforderungen. Buchen Sie unser 30-Minten-Erstgespräch - unverbindlich, klar und kompetent. Denn digitale Barriefreiheit ist Pflicht.