Dein WoMo: Die Antragsplattform mit TYPO3 und API's

Ansicht der Startseite von dein-womo.de — Die Seite zeichnet sich durch ein klares, schlichtes Design aus.

Für den Fonds soziale Sicherung durften wir für alle EVG-Mitglieder außerhalb der DB AG eine neue Antragsplattform entwickeln. Die Website sollte optisch klar und einfach gestaltet werden und die Technik für die Anträge musste in kurzer Zeit stehen und einwandfrei funktionieren.

Die User können nun über die neue Microsite intuitiv und einfach diverse Zuschüsse online beantragen.

Wir haben das Konzept, die Programmierung sowie nun die technische Betreuung übernommen. Das Webdesign stammt von unserem langjährigen Partner und "In House Agentur" Ape Unit.

Ansicht der Startseiten Info-Grafik — Infografiken und gedeckte Farben werten die Seite optisch auf.

Schlichtes Design und mobile Endgeräte im Fokus

Wir hatten drei Monate Zeit, um die gewünschten Anforderungen konzeptionell, grafisch und technisch umzusetzen: eine Antragsseite mit schlichter, aber wertiger Optik, die die EVG-Mitglieder intuitiv durch den Prozess der Antragstellung leiten soll. Wir haben den Fokus daher auf die Usability der Formulare gelegt.

Die Optimierung für mobile Endgeräte hatte ebenso klare Priorität, da die Zielgruppe (i.d.R. Zugpersonal) viel unterwegs ist.

Das Formular zur Antragstellung versehen mit der neuen Hilfefunktion.

Neue Feld-Validierung und Hilfefunktion

Aus Usertests und Umfragen unter den Wo-Mo-Fonds-Usern (die Antragsplattform für DB Mitarbeiter:innen) konnten wir einige Learnings übernehmen, um die Formulare nutzerfreundlicher zu gestalten. Dafür haben wir auf Webstandards (HTML5 Validierungen) wert gelegt, um die Validierung der Felder und die Hilfe bei der Antragstellung zu verbessern.

Dank der feldspezifischen Hilfetexte sind die Formulare nun wesentlich einfacher zu erfassen und schneller zu bearbeiten, da die Hilfe direkt neben dem Formularfeld erscheint. Antworten auf häufig gestellte Fragen finden die User im FAQ-Bereich, der durch Akkordeon-Elemente sehr übersichtlich strukturiert ist.

Mobile Ansicht des FAQ-Bereichs — Mobile first! Die Optimierung auf mobile Endgeräte lag im Fokus.

Automatisierung der Prozesse

Ein weiteres Plus ist die Schnittstelle zur Haussoftware, die eine fast komplett automatisierte Bearbeitung der Anträge ermöglicht.

Auf technischer Seite konnten wir durch Codetests und Behat-Testing sowie Testing und Deployment mit Jenkins zeit- und ressourcensparend agieren und gleichzeitig die Qualitätssicherung gewährleisten.