Arbeitstitel

Europa Report

1 – Grundideen

2 – Kurzbeschreibung des Projekts

Die Webstory Europa Report widmet sich wichtigen europäischen Themen, die wir in den letzten Jahren erlebt haben. Sie bietet vier verschiedene Ordnungssysteme mit unterschiedlichen typografischen Interaktionen, durch die Inhalte alphabetisch, thematisch, zeitlich und geografisch sortiert werden können. Auf Informationsseiten sind Inhalte über die Themen, dazu wichtige Wendepunkte, Abläufe und Reaktionen der EU aufbereitet und illustriert.

3 – Formulierung Ausgangssituation, Problem, Lösung

Die mediale Aufmerksamkeit ist oft ausschlaggebend dafür, was für uns präsent und wichtig ist. Das heißt nicht, dass Dinge, die nicht gezeigt werden, nicht passieren oder, dass wir ignorieren dürfen, was außerhalb unserer Landesgrenze passiert. 

Die Webstory „Europa-Report“ greift wichtige Themen der letzten Jahre auf. Dabei geht es sowohl um aktuelle Themen, als auch um Themen, die in den Hintergrund gerückt sind und die Aufmerksamkeit vieler verloren haben. Es ist wichtig informiert zu sein und sich bewusst zu werden, dass wir als Teil von Europa Dinge verändern können.

What, How, Why

Bildschirmfoto 2023-05-11 um 11.46.22.png

4 – Recherche, Inhalte, Daten & Quellen

Inhaltliche Recherche

Designrecherche

Semester 3 M.S. - Jahresrückblicke Inspo.jpg

Wettbewerbsanalyse

Semester 3 M.S. - Europa Jahresreport.jpg

https://op.europa.eu/webpub/com/general-report-2022/en/

5 – Storyline, Spannungsbogen, Mindmap

Storyline

Storyline.png

Spannungsbogen und Ordnungssysteme

Ideensammlung zu Gestaltungsmöglichkeiten

Bildschirmfoto 2023-05-11 um 11.56.39.png

6 – Moodboard

Zwischenpräsentation Folie 13.png

Inspiration:

https://www.infarm.com/

https://21insights.idw.studio/

https://www.myty.com/de

7 – Skizzen, erste Layouts, erste Prototypen

Skizzen

Erste Layouts und Prototypen

Slide 16_9 - 1.png

8 – Designvarianten

Zwischenpräsentation Folie 14.png

Logovarianten

9 – Finales Design

Logo

Finales_Logo.png

Illustrationen

Illustrationen.png

Overview

Finales Design.png

10 – Prototyp

Link Figmaboard
https://www.figma.com/file/WzjUN7C847oQv5eyojheBX/Storytelling-6.Semester?type=design&node-id=279%3A987&mode=design&t=OVbnIlDWt1nPQBQT-1

Link Figma-Prototyp
https://www.figma.com/proto/WzjUN7C847oQv5eyojheBX/Storytelling-6.Semester?page-id=279%3A987&type=design&node-id=450-1991&viewport=-2551%2C1677%2C0.16&t=XDild1egqzrItzJC-1&scaling=min-zoom&starting-point-node-id=450%3A1991&mode=design

11 – Testing

Slide 16_9 - 13.png

Im Projektverlauf hatte ich immer wieder die Möglichkeit das Projekt mit KommilitonInnen durchzugehen und die Userfreundlichkeit zu testen. Anpassungen konnte ich dann direkt im nächsten Projektschritt umsetzen.