about Imagine

Storytelling Website

Wie könnte die Zukunft Europas aussehen? Wie können wir sicherstellen, dass diese Zukunft gerecht für alle ist? Die Website „About IMAJINE“ visualisiert das gleichnamige Projekt, das im Rahmen des Horizon 2020 EU-Forschungsprogramms entwickelt wurde. Ziel des Projekts ist es, vier mögliche Zukunftsszenarien zu erkunden, die verschiedene Wege zu räumlicher Gerechtigkeit aufzeigen. Diese Szenarien sollen bestehende Annahmen hinterfragen und zur Auseinandersetzung mit territorialer Ungleichheit und räumlicher Gerechtigkeit anregen. Durch die anschauliche Darstellung auf einer Storytelling-Website wird es einfacher, einen umfassenden Eindruck von diesen Zukunftsvarianten zu gewinnen. Ergänzend bietet die Website eine zusätzliche Informationsebene mit aktuellen Daten und Fakten, die die Zukunftsszenarien weiter untermauern.

Storytelling/Digitale Narrationen
SS23, 6. Semester

Figma, Webflow, HTML, Illustrator

01 Recherche

Das Imajine-Projekt liegt als mehrseitiges Pdf vor. Es wurde die Essenz zu jedem Szenario herausgearbeitet.

02 Struktur

Im Aufbau der Website befindet sich ein Spannungsbogen, der sich auch durch die Unterseiten der Szenarios durchzieht.

03 Moodboard

Um verschiedene Gestaltungsvarianten zu erarbeiten, wurden mehrere Moodboards erstellt.

04 Varianten

Anhand der Moodboards wurden drei Gestaltungsansätze entwickelt.

05 Prototyp

Anhand der Struktur und der ausgewählten Designvariante wurde ein Figma Prototyp für zwei Szenarien erarbeitet.

06 Testing

Mehrere Probanden wurden bei der Nutzung des Prototyps beobachtet und Verbesserungen für das Menü, sowie die Triggerpoints der Informationsebene ermöglicht.

07 Styleguide

Für die verwendeten Elemente wurde ein kleiner Styleguide erstellt.

08 Finale Umsetzung