# Digitale Präsenz mit Haltung: Die ABG Frankfurt als Motor urbaner Entwicklung

## WCAG-barrierefreie Plattform für öffentliche Wohnungsbaugesellschaft mit Design-System-Transfer in Print. Eine Holding, vier Zielgruppen, ein hoher öffentlicher Anspruch

[ABG Frankfurt Holding](https://www.abg.de/) verantwortet mehr als 54.000 Wohnungen in Frankfurt am Main – als kommunale Wohnungsbaugesellschaft trägt sie eine doppelte Last: wirtschaftlich tragfähig wirtschaften und gleichzeitig den öffentlichen Auftrag der Stadt einlösen. Eine bestehende Plattform musste das abbilden, was die Holding täglich leistet: Wohnungssuchende durch einen sensiblen Vergabeprozess führen, Mieter:innen verlässlich informieren, Investor:innen und politische Akteure mit belastbaren Zahlen versorgen.

![](https://www.360vier.de/wp-content/uploads/ABG-Frankfurt-Holding-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-1.webp)

Die heterogenen Zielgruppen – Wohnungssuchende mit hoher emotionaler Erwartung, Bestandsmieter:innen mit konkreten Servicefragen, institutionelle Stakeholder mit Berichtsbedarf – brauchen unterschiedliche Wege durch die Plattform. Die bestehende Lösung erschwerte Orientierung, statt sie zu erleichtern. Hinzu kam: Als öffentlicher Träger ist Barrierefreiheit (WCAG) keine Option, sondern Pflicht. Und die Stellenausgabe über e-Recruiter musste sauber in den neuen Designrahmen integriert werden, nicht visuell danebenstehen.

Das Marketing wollte Markenführung mit Substanz. Die IT brauchte WCAG-Konformität und stabile Schnittstellen. Die Geschäftsführung wollte eine Plattform, die den öffentlichen Auftrag glaubwürdig kommuniziert.

## Was die neue Plattform leistet

     Nutzerzentrierte Informationsarchitektur Die Architektur ist entlang der vier Zielgruppen aufgebaut, nicht entlang interner Organisationslogik. Wohnungssuchende werden durch einen klar geführten Vergabeprozess geleitet – mit realistischer Erwartungsführung, damit aus Suchen kein Frust wird. Bestandsmieter:innen finden Servicethemen ohne Umwege. Investor:innen und politische Akteure erreichen Geschäftsberichte und Kennzahlen direkt. Damit kann das Team Anfragen reduzieren, weil die Plattform die häufigsten Wege selbst beantwortet.

 

  

     Stellenausgabe über e-Recruiter Die Stelleninserate werden über e-Recruiter ausgespielt. Im Relaunch wurden die ausgegebenen Inhalte und Formularfelder gemäß neuem Styleguide angepasst – die Bewerbungsstrecke und der Markenauftritt fallen nicht auseinander. Damit arbeitet die HR-Abteilung weiter im gewohnten System, und Bewerber:innen erleben einen konsistenten Markenauftritt.

 

  

     WordPress mit Gutenberg Die Plattform läuft auf WordPress mit Gutenberg-Editor. Die Redaktion kann Inhalte selbst pflegen, ohne Entwickler-Tickets zu schreiben. Sie ist DSGVO-konform und schnittstellenfähig zu dvinci und Datasec. Damit werden Inhalte dann veröffentlicht, wenn sie aktuell sind, nicht wenn ein Sprint sie freigibt.

 

  

 

     Designsystem mit Print-Transfer Das Designsystem wurde so angelegt, dass es nicht nur die Website trägt, sondern in Print übergeht: Geschäftsberichte sind bereits darauf aufgebaut, das Logosignet funktioniert als Flächensystem über alle Medien. Eigene Fotoshootings ersetzen Stockmaterial. Damit kann die interne Grafikabteilung der ABG Frankfurt Holding das System eigenständig weiterführen – Designkonsistenz ohne Agenturabhängigkeit.

 

  

     WCAG-Barrierefreiheit als Architekturprinzip Die Barrierefreiheit wurde nicht nachträglich aufgesetzt, sondern in Designsystem, Komponenten und Inhaltsstruktur eingebaut. Kontraste, Tastaturnavigation, Screenreader-Logik, Formularfelder – alles auf WCAG-Niveau. Damit erfüllt die Holding ihre Pflicht als öffentlicher Träger und macht die Wohnungssuche tatsächlich für alle nutzbar.

 

  

 

## Geführter Vergabeprozess, konsistente Bewerbungsstrecke, tragfähiges Designsystem

Der Wohnungsvergabeprozess ist heute klar geführt – die Suchenden verstehen, was realistisch ist und was der nächste Schritt bedeutet. Die Stellenausschreibungen über e-Recruiter sind visuell und funktional in den Markenauftritt eingebettet, nicht angeflanscht. Die interne Grafikabteilung der ABG Frankfurt Holding arbeitet eigenständig im Designsystem, digital wie in Print – die Geschäftsberichte sind der Beleg.

Die Plattform erfüllt WCAG-Anforderungen nicht durch Nachjustierung, sondern als Architekturprinzip. Für eine öffentliche Holding ist das kein Bonus, sondern Pflicht – und die Pflicht ist sauber gelöst.

ABG Frankfurt Holding kommuniziert ihren öffentlichen Anspruch heute über eine Plattform, die den Anspruch baulich einlöst: barrierefrei, designsystemgetragen, redaktionell selbstverwaltbar. 360VIER betreut die Plattform laufend über alle Plattformbereiche – das ist kein abgeschlossenes Projekt, sondern eine fortdauernde Verantwortung.

 ![](https://www.360vier.de/wp-content/uploads/ABG-Frankfurt-Holding-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case.webp)

 ![](https://www.360vier.de/wp-content/uploads/ABG-Frankfurt-Holding-website-features-ui-design-Wohnungsbau-Passivhausbauweise-Designsystem-360vier-digitalagentur-referenz-case-4.webp)

 ![](https://www.360vier.de/wp-content/uploads/ABG-Frankfurt-Holding-ui-design-Mietangebote-Teaser-Wir-machen-Raeume-war-Designsystem-360vier-digitalagentur-referenz-case.webp)

 

 

 

### WCAG, öffentlicher Auftrag und Print im selben System

ABG Frankfurt zeigt im 360VIER-Portfolio, was möglich ist, wenn drei Eigenschaften zusammen gedacht werden: öffentlicher Träger, WCAG-Konformität, Designsystem-Transfer in Print. Diese Kombination ist kein Zufall, sondern der Beleg dafür, dass digitale Plattformen heute mehr leisten müssen als „eine Website launchen": Sie müssen rechtliche Pflichten einhalten, Markenkonsistenz über Medien hinweg tragen und die interne Organisation in die Lage versetzen, das System eigenständig weiterzuführen.

![](https://www.360vier.de/wp-content/uploads/ABG-Frankfurt-Holding-website-relaunch-wordpress-Geschaeftsbericht-360vier-digitalagentur-referenz-case.webp)

Die Plattform deckt vier Leistungscluster gleichzeitig ab. Die Informationsarchitektur führt durch Vergabeprozess, Servicethemen und Investor-Relations. Das Designsystem trägt von der Website bis in gedruckte Geschäftsberichte. Die Barrierefreiheit arbeitet auf WCAG-Niveau. Die Daten-Automatisierung läuft über e-Recruiter, dvinci und Datasec.

Anders als bei "Kampmeyer" (/cases/kampmeyer/) (Immobilien-API) geht es hier um öffentliche Kommunikation, nicht um Vertriebsautomatisierung. Anders als bei "Taglieber" (/cases/taglieber-holzbau/), wo der Markenrelaunch im Mittelpunkt stand, ist der Print-Transfer hier expliziter Teil des Auftrags. Anders als bei "Menlo Systems" (/cases/menlo-systems/), wo das Designsystem wissenschaftliche Präzision trägt, ist es bei ABG Frankfurt Holding an einen öffentlichen Anspruch gebunden.

#### Ergebnisse auf einen Blick:

- Deutlich optimierter Wohnungsvergabeprozess
- Klare Nutzerführung für verschiedene Zielgruppen
- Integrierte Schnittstellen für Stellenangebote und Services
- Authentisches, übertragbares Designsystem
- Barrierearme, DSGVO-konforme Umsetzung auf WordPress-Basis

 ![Hans Mengler](https://www.360vier.de/wp-content/uploads/hans-mengler-team-360vier.webp)## Plattformen mit öffentlichem Anspruch

Sie verantworten eine Plattform mit gesellschaftlichem Anspruch – kommunale Wohnungsbaugesellschaft, Stadtwerke, öffentliche Holding, Hochschule? Dann können wir sicher helfen.

 

Hans Mengler

Geschäftsführung

 

 [ E-Mail an Hans    ](mailto:beratung@360vier.de)