Leistungen
Corporate Strategie, Corporate Design, Corporate Digital / Website, UI-Design, Web-Styleguide
Methoden
Zielgruppen- und Mitarbeitendenbefragung, Entwicklung User Stories, Mockups, Prototypen
Technische Komponenten
Realisierung in vier Sprachen mit dem Open-Source-CMS Contao (BITV-konform). Dokumentensuche, Einsatzplatzsuche, Login-Bereich für Organisationen, Landkarte des Engagements, dynamische Bildanimationen, Storytelling, Parallax
Links
Kunde: Das weltwärts-Programm ist ein Gemeinschaftswerk von Staat (BMZ) und Zivilgesellschaft (rund 220 aktive Organisationen). Das Programm möchte das Engagement für die „Eine Welt“ nachhaltig fördern und versteht sich als Lerndienst, der jungen Menschen im Alter von 18 bis 28 Jahren einen interkulturellen Nord-Süd- bzw. Süd-Nord-Austausch ermöglicht.
Auftrag: Neukonzeption und Relaunch der weltwärts-Webseite vor dem Hintergrund sich ändernder Nutzergewohnheiten und der Diversität der Zielgruppen des Programms. Konzeption der deutschen und der fremdsprachigen Seiten, mit dem Ziel einer klaren Struktur und Nutzerführung.
Leistungen: Navigationsstruktur, UI-Design, Entwicklung Bildsprache, Illustrationen, Storytelling und Parallax. Erfahrungsberichte Wall mit Instagram-Posts, etc. Content-Management Schulung und Redaktionsleitfaden. Website in vier Sprachen mit div. Suche-Funktionalitäten und FAQs.
weltwärts | Corporate Digital
Ziel: weltwärts.
Junge Menschen für entwicklungspolitisches Engagement begeistern – darum geht es bei der neuen weltwärts Website. Nachdem wir das Corporate Design entwickelt haben, folgen Konzeption und Design für den digitalen Auftritt. Dabei haben wir es mit verschiedenen Nutzer:innengruppen zu tun, die jeweils sehr unterschiedliche Bedürfnisse haben. Durch eine Kombination aus Storytelling und klarer inhaltlicher Struktur schaffen wir eine gelungene Mischung aus inspirierenden und informierenden Bestandteilen.
Aus acht konzeptionellen Workshops mit dem weltwärts-Projektteam geht die Seitenstruktur hervor: Jeder der fünf Bereiche erhält einen individuellen inhaltlichen Aufbau, eine spezifische Gestaltung innerhalb der CD-Richtlinien sowie eine eigene Landingpage.
Bereichsspezifische Bühnendesigns
Die Bühnen der Bereiche Organisationen und Über weltwärts fungieren als Imageträgerinnen: Hier werden Testimonials und Kernbotschaften präsentiert. Die Nutzer:innen der Bereiche Freiwillige und Ehemalige erhalten in den Bühnen inspirierende Einblicke in die Erfahrungen anderer. Zudem haben sie die Möglichkeit, über die Parallaxbänder tiefer in die Geschichten einzutauchen. Das Motiv der Einen sich drehenden Welt verbindet alle Geschichten miteinander.
Für fast alle Bereiche der Website wurden themenspezifische Collagen entwickelt. Diese kommen in Slidern und Teasern zum Einsatz, wie hier, um die 17 Ziele der Agenda 2030 oder den Bewerbungsprozess Schritt für Schritt zu veranschaulichen.
Einen weiteren Zugang zu Erfahrungsberichten von ehemaligen Freiwilligen erhält der Besucher über eine interaktive Weltkarte. Die komplexe Organisation weltwärts wird im weltwärts Kosmos bildhaft veranschaulicht.
Die Erfahrungswall
Angelehnt an die gelernten Aufbauten von Social Media Plattformen gibt die weltwärts-Erfahrungswall inspirierende Einblicke in Content aus aller Welt. Gezeigt werden neben Fotos und Instagramposts auch Videos, spannende Good-to-Knows und Testimonials von Freiwilligen und Ehemaligen.
Individuelle Lösungen
Wie bringen wir die verschiedenen Nutzer:innengruppen ans Ziel?
Eine Bereichsnavigation auf der Homepage dient dabei als übersichtlicher Wegweiser und leitet Nutzer:innen zu den für sie relevanten Bereichen. Auf jeder Landingpage führt eine individuell zugeschnittene Navigationsarchitektur durch die Inhalte.
Wie finden potenzielle Freiwillige den passenden Einsatzplatz?
Über die weltwärts-Karte können Freiwillige sich mittels Erfahrungsberichten aus den Einsatzländern inspirieren lassen. In der Einsatzplatzbörse findet dann die gezielte Suche statt: Über Filterfunktionen wie Einsatzland oder Tätigkeitsfelder können geeignete Einsatzplätze gefunden werden, die dann auf dem Merkzettel gespeichert werden können.
Weitere Projekte
