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

Interaction/Information Design

1. Finaler Titel

Die steigenden Wg-Zimmer Kosten:

„Existenzängste machen den Kopf voll“

-Wolf Dermann vom Netzwerk Arbeiterkind.de

2. Repräsentatives Bild des Projekts als Header

titelbild.pngtitelbild.png

3. Kurzbeschreibung / Abstract

Die steigenden WG-Zimmer-Preise in Deutschland und die damit verbundenen Existenzängste sind ein drängendes Problem. Besonders Studierende sind von dieser Entwicklung betroffen, weshalb eine informative Website auf das Problem aufmerksam macht und Bewusstsein schafft. Die Daten der Kommunikationsdesign-Studierenden am Campus Münchberg wurden erhoben und mit den landesweiten Daten verglichen. Die Website präsentiert die Ergebnisse der Umfragen und bietet Hintergrundinformationen zu den steigenden WG-Preisen. Unterstützend dazu gibt es ein Plakat, das mit der App Artivive gescannt werden kann. Beim Scannen des Plakats erscheinen die günstigsten und teuersten WG-Zimmer-Preise (Warmmiete) in Deutschland als interaktive Übersicht. Das Projekt zielt darauf ab, das Bewusstsein für die finanziellen Herausforderungen, denen Studierende gegenüberstehen, zu schärfen und Diskussionen über mögliche Lösungen anzuregen.

4. Filmische Dokumentation des Projekts

5. Bilder der Umsetzung / Anwendung / Ausstellung

werkschau.jpgwerkschau.jpg
IMG_7405.jpegIMG_7405.jpeg

Anwendung:

6. Pitch Deck

pitch_new.pdf PDF pitch_new.pdf

7. Userjourney / Userflow

Es wurden zwei Personas erstellt, die die zwei definierten Zielgruppen repräsentieren: 1. Studentin Anna 2. Entscheidungsträgerin Kerstin:

personas.pngpersonas.png

Für beide Personas wurde jeweils eine Userjourney erstellt:

1. Anna

2. Kerstin

userjourney1.pnguserjourney1.png
userjourney2.pnguserjourney2.png

8. Designprozess

KW 12

Themenrecherche: Ich habe 3 Themen rausgesucht, die mich interessieren und für eine mögliche Anwendung spannend wären:

KD6 - Interaction Information Sommer 2024 - Frame 2 (1).jpgKD6 - Interaction Information Sommer 2024 - Frame 2 (1).jpg

KW 14

Ich habe mich für das Thema Mietbelastungsquote in Bezug auf WG Zimmer entschieden. Bisher steht die Idee eine Lentikularkarte oder ähnliches zu erstellen und Näheres mit einer Website darzustellen.

moodboard.pngmoodboard.png

KW 15

Recherche: was gibt es für Daten für WG-Zimmer-Kosten: Ich habe Informationen gesammelt, was es alles an Daten zu dem Thema gibt und zusammengefasst. Außerdem habe ich Umsetzungsmöglichkeiten für Statistiken recherchiert.

Information_Interaction.pngInformation_Interaction.png
Information_Interaction2.pngInformation_Interaction2.png
Information_Interaction3.pngInformation_Interaction3.png
ueberblick.pngueberblick.png
statistik_umsetzungen.pngstatistik_umsetzungen.png
info.pnginfo.png

KW 16

Moodboards: Als nächstes habe ich 3 Moodboards und einen Überblick, wie ich die Website aufbauen will, erstellt.

m1.pngm1.png
m3.pngm3.png
m2.pngm2.png

erster Aufbau für Website:

web_aufbau.pngweb_aufbau.png

KW 19

Erstellung des Pitch decks:

pitch.pdf PDF pitch.pdf

KW 20

In dieser Woche habe ich erste Versuche für einen Webaufbau getätigt:

designvarianten.pngdesignvarianten.png

KW 21

Ich habe eine Umfrage für alle KD Studierenden am Campus in Münchberg erstellt, um diese lokalen Daten mit denen aus ganz Deutschland zu vergleichen.

Umfrage:

https://docs.google.com/forms/d/e/1FAIpQLSfN-k3tglaxHFcCU-gZL-AOrbt5CvqJ2dlt7NhxGthodzSINw/viewform?usp=sf_link

Ergebnisse:

Zusammengefasst lässt sich sagen, dass Münchberg zu den Städten mit den günstigsten WG-Zimmer-Kosten zählt. Die meisten Studenten kommen gut mit ihrem zur Verfügung stehenden Budget zurecht und sind insgesamt sehr zufrieden mit ihrer finanziellen Situation, insbesondere im Vergleich zu vielen anderen Studenten in größeren Städten.

ergebnisse_umfrage.pngergebnisse_umfrage.png
adressen.JPGadressen.JPG

wgs kd.pngwgs kd.png

KW 22

Weiterausarbeitung der Wireframes und Designvarianten:

27.5.png27.5.png

KW 23

Ich habe nochmal neue Designvarianten ausprobiert. Einmal mit Switch zwischen Müb und DE und einmal die Darstellung nebeneinander:

weitere Varianten:

3.6..JPG3.6..JPG

KW 24

Diese Woche habe ich mögliche Illustrationen für den Hintergrund ausprobiert und die Sections nochmal überarbeitet. Außerdem habe ich die interaktive Karte für Deutschland mit Datawrapper finalisiert https://datawrapper.dwcdn.net/J6iWJ/6/

Allerdings wurde die Idee mit den Illustrationen verworfen.

KW 25

Ich habe angefangen Lottie Animationen zu erstellen und die ersten Sections in Webflow gebaut:

KW 26

Der Versuch, die Openstreetmap-Outlines von Müb als Geojson in Datawrapper zu importieren, um die selbe Abbildung, wie von Deutschland zu haben, hat nicht funktioniert. Außerdem habe ich an der Webflow Seite und den Animationen weitergearbeitet.

KW 27

Die Outlines von Müb von Openstreet Map konnten in Datawrapper importiert werden.

-Stand Webflow: https://wg-zimmer-preise.webflow.io/

Außerdem wurden Plakatvarianten mit einem Qr-Code zur Webflow Website erstellt. Das ganze Plakat ist scanbar mit Artivive, bei dem dann die höchsten und niedrigsten Preise in Deutschland (+Müb) als Animation gezeigt werden:

Plakatvarianten:

Frame 777.pngFrame 777.png
Frame 781.pngFrame 781.png
Frame 782.pngFrame 782.png
Frame 776.pngFrame 776.png

Animation, die bei Scannen von Plakat bei Artivive zu sehen ist:

KW 28

Das Plakat wurde finalisiert und die Animation für Artivive wurde überarbeitet, da es nicht möglich war ein Video ohne Hintergrund in Artivive zu importieren. Deswegen wurden die Daten der WG-Zimmer-Preise jeweils einzeln als Ebene hinzugefügt. Außerdem wurde die Webflowseite finalisiert und responsive für die Ipadansicht angepasst.

Finales Plakat

plakat.pdf PDF plakat.pdf

Artivive Scan von Plakat:

Screencast Webflow:

Darstellung von Plakatscan mit Artivive und Screencast der finalen Website für die Werkschau:

9. Links zu Quellcode und Prototypen

Webflow: https://wg-zimmer-preise.webflow.io/

Datawrapper Deutschlandkarte: https://datawrapper.dwcdn.net/J6iWJ/9/

Datawrapper Münchbergkarte: https://datawrapper.dwcdn.net/pTraw/3/

Ein Projekt von

Fachgruppe

Mediendesign

Art des Projekts

Keine Angabe

Betreuung

foto: Prof. Michael Zöllner

Zugehöriger Workspace

Interaction / Information Design (KD6)

Entstehungszeitraum

Sommersemester 2024