Die Herausforderung
Proson benötigte eine moderne, barrierefreie und flexible digitale Präsenz, die die Markenidentität widerspiegelt, zusammen mit der robusten Funktionalität eines Content-Management-Systems auf Enterprise-Niveau. Das Ziel war es, von Grund auf ein maßgeschneidertes Erlebnis zu schaffen und herkömmliche Vorlagen durch eine individuelle Lösung zu ersetzen, die Benutzererfahrung und redaktionelle Flexibilität in den Mittelpunkt stellt.
Ansatz: Design & individuelle Umsetzung
Die native Betreuung des gesamten Projektlebenszyklus begann mit einer umfassenden UI/UX-Designphase. Die Entwicklung einer eigenständigen, modernen Designsprache umfasste den Einsatz ausgewählter Typografie, maßgeschneiderter Webkomponenten und fließender Mikrointeraktionen, um die digitale Marke von Proson aufzuwerten.
Auf der technischen Seite wurde eine Individualentwicklung umgesetzt, um spezifische interaktive Funktionen zu ermöglichen:
- Kursverwaltung & Filterung: Die Entwicklung eines optimierten Systems half den Nutzern bei der Navigation durch den Katalog der Bildungsangebote. Es organisiert Benutzerauswahlen wie Standort und Berufsfeld dynamisch, um effizient relevante Frontend-Ergebnisse zu liefern. Für das Backend entwickelte ich eine maßgeschneiderte redaktionelle Umgebung, die es dem Kunden ermöglicht, komplexe Angebotsdaten wie wiederkehrende Termine, regionale Ansprechpartner und spezifische Fördermöglichkeiten zu verwalten und zu veröffentlichen.
- Integrierte Probetag-Anfragen: Die Implementierung eines Anfrage-Workflows verknüpfte spezifische Kurse direkt mit Anfragen für Probetage. Die Formulare sind kontextbezogen, passen sich dem ausgewählten Angebot an und leiten Anfragen dynamisch an die richtigen regionalen Ansprechpartner weiter.
- Barrierefreiheit & Compliance: Die Plattform wurde nach hohen Richtlinien für Barrierefreiheit entwickelt und geht über rein visuelle Kontraste hinaus. In Anerkennung der Bedeutung einer inklusiven Erfahrung integrierte ich eine maßgeschneiderte Screen-to-Speech-Funktion nativ in die Plattform, die es den Nutzern ermöglicht, sich auf Wunsch Seiteninhalte vorlesen zu lassen.
- Maßgeschneiderte Block-Architektur: Die Etablierung eines modularen, blockbasierten Bearbeitungserlebnisses ermöglichte es dem Redaktionsteam, komplexe Seiten einfach zu erstellen und dabei die Markenkonsistenz zu wahren.
- Performance-First Frontend: Ein ausgeklügeltes Build-System stellt sicher, dass das Frontend trotz dieser komplexen interaktiven Funktionen leichtgewichtig, schnell und responsiv bleibt.
Technische Details
Umgesetzt wurde es mit einer Monorepo-Architektur. Durch die Nutzung einer gemeinsamen, optimierten Kern-Codebasis mit einem Schwesterprojekt (tba) profitiert Proson von Sicherheit auf Enterprise-Niveau, kontinuierlichen Funktions-Updates und komplexer Datenlogik, ohne die eigenständige Frontend-Ästhetik zu beeinträchtigen. Diese Architektur ermöglicht eine individuell gestaltete Theme-Ebene, die die Leistungsfähigkeit eines größeren technischen Ökosystems erbt.
Das Ergebnis
Die ausgelieferte digitale Plattform ist robust und wartbar. Proson verfügt über eine nutzerzentrierte, leistungsstarke Website, die die Marke einfängt, integrierte Nutzerfunktionen bietet und technisch für zukünftige Skalierbarkeit gerüstet ist.