Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Europa Report

Projektdokumentation UX/ Storytelling Design Sommersemester 2023

Arbeitstitel

Europa Report

1 – Grundideen

Ideen A.2.pngIdeen A.2.png
Ideen C.2.pngIdeen C.2.png
Ideen B.2.pngIdeen B.2.png

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.pngBildschirmfoto 2023-05-11 um 11.46.22.png

4 – Recherche, Inhalte, Daten & Quellen

Inhaltliche Recherche

Semester 3 M.S. - Recherche nach Jahren.jpgSemester 3 M.S. - Recherche nach Jahren.jpg
Semester 3 M.S. - Alphabet.jpgSemester 3 M.S. - Alphabet.jpg

Designrecherche

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

Wettbewerbsanalyse

Semester 3 M.S. - Europa Jahresreport.jpgSemester 3 M.S. - Europa Jahresreport.jpg

5 – Storyline, Spannungsbogen, Mindmap

Storyline

Storyline.pngStoryline.png

Spannungsbogen und Ordnungssysteme

Ordnungssysteme.pngOrdnungssysteme.png
Spannungsbogen.pngSpannungsbogen.png

Ideensammlung zu Gestaltungsmöglichkeiten

Bildschirmfoto 2023-05-11 um 11.56.39.pngBildschirmfoto 2023-05-11 um 11.56.39.png

6 – Moodboard

Zwischenpräsentation Folie 13.pngZwischenpräsentation Folie 13.png

7 – Skizzen, erste Layouts, erste Prototypen

Skizzen

Ansatz 2.pngAnsatz 2.png
Ansatz 1.pngAnsatz 1.png
Ansatz 3.pngAnsatz 3.png

Erste Layouts und Prototypen

Slide 16_9 - 1.pngSlide 16_9 - 1.png

8 – Designvarianten

Zwischenpräsentation Folie 14.pngZwischenpräsentation Folie 14.png

Logovarianten

Logovarianten.pngLogovarianten.png
Slide 16_9 - 1.pngSlide 16_9 - 1.png

9 – Finales Design

Logo

Finales_Logo.pngFinales_Logo.png

Illustrationen

Illustrationen.pngIllustrationen.png

Overview

Finales Design.pngFinales Design.png

10 – Prototyp

Bildschirmfoto 2023-07-09 um 16.01.18.pngBildschirmfoto 2023-07-09 um 16.01.18.png
Bildschirmfoto 2023-07-09 um 16.00.16.pngBildschirmfoto 2023-07-09 um 16.00.16.png
Bildschirmfoto 2023-07-09 um 16.00.54.pngBildschirmfoto 2023-07-09 um 16.00.54.png

11 – Testing

Slide 16_9 - 13.pngSlide 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.

12 – Finaler Prototyp/ Link Figma, Webflow

Slide 16_9 - 12.pngSlide 16_9 - 12.png

Link Webflow-Website

13 – Styleguide

Styleguide_EuropaReport_MiriamSaile.pdf PDF Styleguide_EuropaReport_MiriamSaile.pdf

14 – Screencast

15 – Präsentationsvideo

Ausstellung (07.07.23)

gluedposter-mockup-freebie.pnggluedposter-mockup-freebie.png
IMG_3777 1.pngIMG_3777 1.png

Abschlusspräsentation (05.07.23)

Abschlusspräsentation_Storytelling_23.pdf PDF Abschlusspräsentation_Storytelling_23.pdf

Zwischenpräsentation (31.05.23)

Zwischenpräsentation_Storytelling.pdf PDF Zwischenpräsentation_Storytelling.pdf

Impulsvortrag (22.03.23)

Impulsvortrag Feministische Außenpolitik.pdf PDF Impulsvortrag Feministische Außenpolitik.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2023