Inklusive Web Experience für maximale Barrierefreiheit

Das Christliche Jugenddorfwerk Deutschlands e.V. (CJD) ist einer der größten Bildungs- und Sozialträger Deutschlands und unterstützt Menschen in schwierigen Lebenslagen sowie Personen mit körperlichen oder kognitiven Beeinträchtigungen.

Das CJD beauftragte die Agentur 21TORR mit der Entwicklung einer neuen barrierefreien und benutzerfreundlichen Web Experience, um den vielfältigen Bedürfnissen der Nutzer gerecht zu werden. Bei durchschnittlich 15.000 Visits pro Monat und über 700 individuellen Angeboten musste die Website so konzipiert werden, dass sie leicht zugänglich und verständlich ist.

Screendesign zeigt die verschiedenen Gestaltungsrichtlinien für ein einheitliches Erscheinungsbild von CJD

Drei Mobile Mockups zeigen die verschiedenen Interaktions- und Filtermöglichkeiten bei der Jobsuche

Schriftauswahl mit mobilem Mock up zur Visualisierung der Benutzeroberfläche der CJD Homepage

Result

Agile Entwicklung im interdisziplinären Team nach dem Design Thinking Ansatz

Für die erfolgreiche Umsetzung unterstützen wir 21TORR und arocom in den Bereichen Product Ownership, User Experience und User Interface Design. In einem interdisziplinären Team aus UX Architekten, UI Designer und Full Stack Developer entwickelten wir innerhalb von sechs Monaten eine Plattform, die auf dem Framework und Content Management System Drupal basiert.

Mit Hilfe einer vereinfachten Design Thinking Methode haben wir das Projekt in zwei Phasen unterteilt: Die Discover & Define Phase und die Design & Deliver Phase. In der ersten Phase entwickelten wir eine ganzheitliche Produktvision, führten Nutzerbefragungen durch, konzipierten die Informationsarchitektur und kreierten das responsive und barrierefreie Look & Feel. In der zweiten Phase haben wir in einem agilen Setup nach SCRUM die digitale Plattform auf Basis des Produkt-Backlogs entwickelt und die Inhalte aus dem vorherigen System migriert.

Bausteine der Benutzeroberfläche der CJD-Homepage, u.a. Buttons, interaktive Flächen, Bildmaterial etc.

Minimalistische Icons mit Grün-Blauer-Farbpalette für CJD

Benefits

Moderne und barrierefreie Website zur Inklusion aller Nutzergruppen

Ein zentrales Element der Website ist die Barrierefreiheit. Das Interface Design wurde so gestaltet, dass es bewusst alle Nutzergruppen einschließt. Auch das Front- und Backend wurde so entwickelt, dass alle WCAG-Richtlinien und Accessibility-Prinzipien erfüllt werden.

Das Ergebnis ist eine moderne, barrierefreie Website, die den hohen Anforderungen der digitalen Inklusion gerecht wird. Die neue Web Experience bietet allen Nutzern einen einfachen Zugang zu den Inhalten und unterstützt das CJD dabei, seinen Auftrag - Menschen auf ihrem Weg in ein selbstbestimmtes Leben zu fördern und zu begleiten - noch effektiver zu erfüllen.