Redesign movetia.chMehr interkulturelle Verständigung für die Schweiz
Ziele
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.
Die Startseite von Movetia mit einem dreiteiligen Porträt und direktem Zugang zum Förderangebot.
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.
Fokus auf eine intuitive Angebotsstruktur
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.
Zum neuen Kommunikationsstil mit UX Writing
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.
Farbenfrohes Corporate Design neu interpretiert
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.
Frontend pflegeleicht und accessible
Das Backend basiert auf CraftCMS. Mit einem wohl überlegte Solution Design konnten wir bedarfsgerechte Eingabemasken erstellen. 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.
Flexibles Backend für ein mehrsprachiges Angebot
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 des Autoren-Interface, so dass sie heute das CMS einfach bedienen können.
Autor:innen auf (fast) alles vorbereitet
Ideen & Ergebnis
Movetia zeigt auf ihrer neuen Website, wie mehrstufige Entscheidungsprozesse durch eine durchdachte Benutzerführung nachvollziehbar werden. Das Erfolgsrezept: eine gute Zusammenarbeit zwischen UX-Konzept, Web-Redaktion und technischer Umsetzung.
Zeix hat uns durch das ganze Projekt begleitet. Als Resultat haben wir nicht nur eine neue Website, sondern auch ein neues Mindset kultiviert.
Céline Stampfli, Projektleiterin Redesign Movetia