Projekt im Überblick

Kunde
RKW Kompetenzzentrum
Zeitraum
09/2024 – 07/2025
Branche
Institution, Mittelstand und Transformation
Unsere Rolle
Konzeption, Design, Entwicklung und laufende Betreuung des Tools
Technologien
TYPO3 Headless, React

Das Projekt

Das RKW Kompetenzzentrum ist ein gemeinnütziger und neutraler Impuls- und Ratgeber für den deutschen Mittelstand. Nachhaltigkeit und Digitalisierung sollten nicht abstrakt erklärt, sondern praktisch nutzbar gemacht werden. Dafür haben wir das Twin Transition Tool konzipiert und umgesetzt: eine interaktive Anwendung, die SDGs, Technologien und Praxisbeispiele in einer klaren User Journey verbindet und mittelständischen Unternehmen konkrete Orientierung für die nächsten Schritte bietet.

Herausforderung

Die Herausforderung lag darin, ein komplexes Zukunftsthema greifbar zu machen, ohne in abstrakte Erklärlogik zu kippen. Nachhaltigkeit, Digitalisierung, SDGs und passende Technologien mussten so miteinander verknüpft werden, dass daraus ein niedrigschwelliges, aber seriöses Orientierungswerkzeug entsteht statt einer weiteren Informationsseite. Gleichzeitig sollte das Tool nicht nur gelesen, sondern aktiv genutzt werden, mit Merkliste und PDF-Export für die interne Weiterarbeit sowie einer barrierearmen Bedienung inklusive Tastatursteuerung. Technisch musste zudem ein Headless-TYPO3-Setup entstehen, das trotz individualisiertem React-Frontend eine beherrschbare Redaktionspflege ermöglicht.

Ergebnis

Entstanden ist ein interaktives Tool statt einer statischen Informationsseite. Es verbindet SDGs, Technologien und Praxisbeispiele in einer eigenen User Journey und macht ein komplexes Zukunftsthema für mittelständische Unternehmen konkret nutzbar. Unternehmen können relevante SDGs und Technologien erschließen, passende Praxisbeispiele finden und ihre Auswahl per Merkliste sichern und als PDF intern weitergeben. Technisch basiert die Anwendung auf einem Headless-TYPO3-Setup mit React-Frontend, das strukturierte Inhalte redaktionell pflegbar hält. Seit dem Go-live im Juli 2025 begleitet PHEENETZ die TYPO3-Umgebung laufend mit Wartung, Support und Weiterentwicklung.

typo-3-react

Headless-TYPO3 & React

Die Anwendung kombiniert ein Headless-TYPO3-Setup mit einer eigenständigen React Single Page Application. So konnten wir eine stark individualisierte, interaktionsdichte Nutzerführung umsetzen, ohne die strukturierte Redaktionspflege der Inhalte zu verlieren. SDGs, Technologien und Praxisbeispiele werden dynamisch einander zugeordnet und im TYPO3-Backend gepflegt, während das Frontend als eigenständige Anwendung agiert.

Merkliste & PDF-Export

Statt einer allgemeinen Informationsseite können Nutzer im Twin Transition Tool ihre Auswahl an SDGs, Technologien und Praxisbeispielen individuell zusammenstellen, auf einer Merkliste sichern und direkt als PDF exportieren. Diese Funktion macht aus der Anwendung ein konkretes Arbeitsdokument, das Unternehmen unmittelbar in interne Prozesse und Entscheidungen einbinden können.

Merkliste-und-PDF-Export
barrierefreie bedienung

Barrierefreiheit / Tastatursteuerung

Trotz hoher Interaktionsdichte wurde die Anwendung barrierearm umgesetzt, unter anderem mit einer durchgängigen Tastatursteuerung. So bleibt das Tool auch für Nutzerinnen und Nutzer zugänglich, die nicht ausschließlich mit der Maus arbeiten, ein Anspruch, der bei interaktiven Auswahlmechaniken häufig zu kurz kommt.