Mehr interkulturelle Verständigung für die Schweiz

Movetia ist die nationale Agentur zur Förderung von Austausch und Mobilität. Sie vergibt im Auftrag von Bund und Kantonen Fördergelder für Austausch- und Kooperationsprojekte im In- und Ausland für Kinder, Jugendliche und Erwachsene aus allen Bildungsbereichen sowie der Jugendarbeit. Das Schweizerische Programm für Erasmus+ läuft ebenfalls über Movetia. 

Ziel des Redesigns war es, die Inhalte an den Bedürfnissen der Nutzer:innen auszurichten und mehr Gewicht auf den Erstkontakt zu legen. Um die UX-Strategie der Stiftung und das User:innen-Verhalten aufeinander abzustimmen, führten wir Interviews mit Vertreter:innen verschiedener Nutzergruppe. Zusammen mit dem Movetia-Team schärften wir die Anforderungen mittels Personas und Customer Journeys. Dies befähigte das Team, sich von der Innensicht zu lösen und bestehende Strukturen neu zu denken.

Mit diesem gemeinsamen Verständnis für die Neuausrichtung entstand mit dem Projekttteam ein Gesamtkonzept für die neue Website.Das neue Konzept bringt einen Paradigmenwechsel weg vom administrativen Förderprogramm, hin zum persönlichen Projekt und der Vorgehensweise für z.B. die Klassenlehrerin, den Studenten oder die Forschungsstelle, die bei Movetia eine Finanzierung für ihr Vorhaben suchen.

Die neue Struktur wirkte sich auf die gesamte Inhaltsstrategie aus: Die Redaktion von Movetia schrieb jedes einzelne Förderprogramm um. Dafür erarbeiteten wir hoch strukturierte Angebotsseiten, die trotz maximaler Standardisierung den Inhalten der vielfältigen Angebote den nötigen Raum verschafften. Wir schulten das Redaktionsteam im UX Writing, unterstützten es bei der Inhaltsplanung und haben eine Auswahl der Seiten selbst geschrieben. 

Passend zum Inhaltskonzept hat die Website nun ein frisches Visual Design, das sich an der bestehenden Farbigkeit orientiert, der Website aber zu einem modernen Look-and-Feel verhilft. Die Gestaltung unterstützt eine optimale Benutzerführung und das Verständnis der Inhaltsstruktur. 

Das Frontend ist in HTML/CSS sowie Javascript umgesetzt. Für die Darstellung des Frontends nutzten wir die Komponentenbibliothek Storybook. Um auch Menschen mit Beeinträchtigungen einen optimalen Zugang zu ermöglichen, folgt die Website in Design und Umsetzung den Accessibility-Standards nach WCAG 2.2. Zudem sind die Web-Autor:innen in der semantisch korrekten Inhaltserfassung geschult.

Das Backend basiert auf CraftCMS. Mit einem wohl überlegte Solution Design kann Craft die Kundenanforderungen umfassend und effizient erfüllen. So konnten wir bedarfsgerechte Eingabemasken erstellen: Einige erlauben den freien Einsatz von Inhaltselementen, andere sind hoch strukturiert und für Autor:innen besonders unkompliziert zu verwenden. Die Website steht in fünf Sprachen zur Verfügung, wobei nicht alle Seiten in allen Sprachen wiedergegeben werden. Dafür hat die Website ein Übersetzungskonzept mit Fallback-Hierarchie. Zudem wurden verschiedene Schnittstellen geschaffen, z.B. für Salesforce.

Damit die gute Author Experience von CraftCMS auch richtig zum Zug kommt, erhielten die zukünftigen Web-Autor:innen sehr früh Zugang zum Backend. So konnten sie den Entwickler:innen laufend Feedback geben zu Struktur und Naming, so dass sie heute das CMS einfach bedienen können.