Technische Realisierung und komplexe Multi-Context-Verwaltung eines interkulturellen Begegnungszentrums auf MODX-Basis inklusive restriktiver Absicherung gegen historische Joomla-Exploits und datenschutzkonformer 2FA-Newsletter-Migration.
Das Großprojekt umfasste die umfassende technische Umsetzung, das Schnittstellen-Management und die tiefgreifende Sicherheits-Architektur der Vereinsplattform basierend auf dem Design von Julia Zaadstra von Zaadstra.design.
Neben der fehlerfreien Strukturierung des vielschichtigen Angebots bildeten eine komplexe Daten-Migration der Bestandsabonnenten sowie die proaktive Cyber-Security-Abwehr den technologischen Schwerpunkt des Mandats.
Als stabiles Fundament kommt das Enterprise-CMS MODX zum Einsatz, um das Allerweltshaus und angegliederte Satelliten-Projekte (wie stimmenafrikas.de) über eine performante Multi-Context-Infrastruktur zentral zu steuern.
Eine erhebliche administrative Herausforderung lag in der Migration des historisch gewachsenen E-Mail-Verteilers: Da die Altdaten über kein Double-Opt-In (2FA) verfügten, wurde von mir eine automatisierte, rechtssichere Nachaktivierungs-Routine programmiert. Zudem stand das Portal unter kontinuierlichem Beschuss durch automatisierte Bots, die gezielt nach veralteten, joomlaspezifischen Sicherheitslücken aus der Vorzeit der Vereins-Infrastruktur suchten.
Durch restriktive Server-Sperren, IP-Filterungen und ein tiefgreifendes Core-Härtung im MODX-System wurde das Netzwerk komplett abgedichtet, sodass der reibungslose tägliche Betrieb des Kulturzentrums und des integrierten Veranstaltungsmanagements dauerhaft ausfallsicher garantiert ist.
Vom anspruchsvollen Screendesign zur stabilen Web-Infrastruktur.
Ein herausragendes digitales Produkt entsteht im Team. Das visuelle Grundkonzept, das feine Gespür für Typografie und die UI-Layouts dieses Projekts stammen federführend aus der kreativen Feder unserer Partnerin. Meine Aufgabe als Fullstack-Entwickler bestand darin, diese gestalterische Vision kompromisslos präzise zu adaptieren und sie pixelperfekt, pfeilschnell und updatesicher in den nativen MODX-Core zu übersetzen. Eine Zusammenarbeit auf Augenhöhe, die Ästhetik und Code perfekt verschmilzt.
Zusammenspiel der Core-Seiten
Die Video-Sequenz zeigt den synchronisierten Fluss von drei zentralen Unterseiten direkt im MacBook-Viewport. Anstelle von isolierten Einzel-Screenshots wird so die strukturelle Durchgängigkeit des Layouts von der Startseite bis zum Conversion-Punkt im realen Desktop-Kontext sichtbar.
Blender → glTF/GLB — Gerät umschalten, drehen und zoomen
3D-Modell wird geladen …
Drehen, zoomen — Gerät umschalten
Pixelgenaue Übertragung des Layouts von [Name der Designerin] in ein modulares, responsives und modernes Frontend-Template.
Strukturierte Nutzerführung für die Vereins-Kernbereiche Beratung, Bildung, Begegnung und Aktion zur schnellen Orientierung.
Prominente Platzierung zeitkritischer Informationen wie Spendenaktionen der Bethe-Stiftung und Fördermitgliedschaften auf der Startseite.
Da sich die Seite an eine extrem diverse Zielgruppe (darunter Geflüchtete, ältere Menschen und internationale Gäste) richtet, wurde streng auf hohe Kontraste, klare Typografie und barrierearme Navigationselemente geachtet.
Intelligente Code-Strukturierung, damit die komplexen Informations-Cluster (wie Beratungszeiten oder Event-Filter) sowohl auf Smartphones als auch auf großen Monitoren optimal lesbar bleiben.
Technische Überführung historischer Newsletter-Bestandsdaten in ein rechtssicheres System inklusive nachträglicher Aktivierung des Double-Opt-In-Verfahrens.
Integrierter, hochfrequentierter Terminkalender für regelmäßige Kultur-Angebote, Filmclubs, Sprachkurse und politische Treffen.
Strukturierte Darstellung der Flüchtlings-, Migrations- und Sozialberatung. Das System ermöglicht die saubere Verwaltung von Ansprechpartnern, Sprechzeiten und Formularen für Beratungsangebote in über 7 Sprachen. Sprach-Umschalter für sechs Sprachen, um hilfesuchenden Migranten den Zugang zu Flüchtlings- und Sozialberatungen zu erleichtern.
Technische Integration von klaren Call-to-Actions und Informationsstrecken zur Gewinnung von Spenden und ehrenamtlichen Unterstützern.
Implementierung von One-Click-Spendenoptionen (GLS-Bank/Betterplace), Anträgen auf Fördermitgliedschaft und Newsletter-Anmeldungen.
Einrichtung von spezifischen Eingabemasken in MODX, damit auch technisch weniger versierte Vereinsmitglieder die Webseite, aktuelle Nachrichten und Dokumente fehlerfrei pflegen können.
Implementierung restriktiver URL- und IP-Sperren im MODX-Core zur permanenten und jüngst erneuerten Abwehr automatisierter Bot-Attacken.
Konsequenter Aufbau der Komponenten über flexible, native Templates zur Gewährleistung maximaler Update-Sicherheit ohne Plugin-Ballast.
Volle Kontrolle über das Markup ohne unnötigen Code-Ballast für exzellente Ladezeiten und optimale Barrierefreiheit. Aufbau modularer Custom-Komponenten zur autarken Content-Pflege durch wechselnde Redakteure, Projektgruppen und Nutzer-Initiativen.
DSGVO-konforme Anbindung von Mail-Verteilern für den Monats-Newsletter sowie rechtssichere Einbindung von Spendenbescheinigungs-Disclaimern.
Speziell eingerichtetes Backend, mit dem Inhalte, Downloads und Mitgliederrechte mühelos verwaltet werden können.
Die Realisierung von allerweltshaus.de demonstriert eindrucksvoll, wie das CMS MODX komplexe Vereinsstrukturen, ein anspruchsvolles Third-Party-Design und höchste Sicherheitsstandards vereint.
Durch die erfolgreiche Bereinigung des historischen Newsletter-Verteilers inklusive der technischen 2FA-Nachreaktivierung wurde die Plattform auf ein rechtssicheres DSGVO-Fundament gestellt.
Zeitgleich beweist die lückenlose Abwehr fortlaufender Bot-Attacken aus der Joomla-Vorzeit die enorme Belastbarkeit und administrative Sicherheit einer von mir proaktiv gehärteten Server-Infrastruktur – ein pfeilschnelles, stabiles Gesamtsystem, das dem Team in Köln-Ehrenfeld den nötigen Freiraum für die wichtige interkulturelle Arbeit vor Ort verschafft.
Sie suchen einen Entwickler, der bestehende Designs kompromisslos stabil in ein update-sicheres CMS übersetzt?
Lassen Sie uns starten.
