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

Das Problem hinter der Gender Pay Gap

1. Finaler Titel

Das Problem hinter der Gender Pay Gap

2. Kurzbeschreibung des Projektes

Das Projekt soll die Problematik des Gender Pay Gaps den Betrachter*innen aufzeigen und sie zum Nachdenken anregen. Interaktive Ausstellungsobjekte sollen die Betrachter*innen zum Mitmachen ermutigen. Auf diese Weise prägen sich die gelernten Fakten besser ein. Die dazugehörige Website erweitert das Wissen, das durch die Ausstellungsobjekte vermittelt wird, und zeigt neben dem aktuellen Zustand auch Möglichkeiten auf, wie man gegen die Problematik vorgehen kann.

3. Filmische Dokumentation

Präsentationsvideo

Werkschau-Video

Screencast

4. Bilder der Umsetzung, Anwendung, Ausstellung

Aufbau/Umsetzung

IMG_4627.pngIMG_4627.png
IMG_4911.pngIMG_4911.png
IMG_4933.pngIMG_4933.png

Ausstellung

IMG_4639.pngIMG_4639.png
IMG_4674.pngIMG_4674.png

Ausstellungsobjekte

IMG_4937.pngIMG_4937.png
IMG_5039.pngIMG_5039.png
IMG_5057.pngIMG_5057.png
IMG_4985.pngIMG_4985.png
IMG_5004.pngIMG_5004.png
IMG_4982.pngIMG_4982.png
IMG_4972.pngIMG_4972.png
IMG_5029.pngIMG_5029.png
IMG_5009.pngIMG_5009.png
IMG_5066.pngIMG_5066.png

5. Pitch Deck

PitchDeck.pdf PDF PitchDeck.pdf

6. Userjourney/Userflow

Userflow.pngUserflow.png
Userflow-1.pngUserflow-1.png
Userflow-2.pngUserflow-2.png
Userflow-3.pngUserflow-3.png

7. Designprozess

25.03.2024 | Brainstorming potentieller Themen

Themenidee 1-1.pngThemenidee 1-1.png
Themenidee 1.pngThemenidee 1.png

Themenidee 2-1.pngThemenidee 2-1.png
Themenidee 2.pngThemenidee 2.png

Themenidee 3-1.pngThemenidee 3-1.png
Themenidee 3.pngThemenidee 3.png

Themenidee 4-1.pngThemenidee 4-1.png
Themenidee 4.pngThemenidee 4.png

Bei der Recherche der Themen habe ich schnell eine Präferenz für das Thema „Gender Pay Gap“ entwickelt und mich für dieses auch entschieden. 

Durch genauere Betrachtung der einzelnen Themen ist schnell aufgefallen, dass man einzelne Aspekte der Themen „Konsumausgaben“ und „Gender Care Gap“ mit in dieses Thema einfließen lassen kann, da sie eng miteinander verstrickt sind.

08.04.2024 | Recherche, Mediale Sammlung

Ich habe mir einen ersten Überblick über das Thema verschafft und geschaut, welche Themen man dabei näher beleuchten könnte.

Genauer zu betrachten auf dem FigJam-Board:

https://www.figma.com/board/NWUnZqTDHRHYxCn8HbqCwy/Interaction?node-id=0-1&t=NLwYfPxhdLZ9Eh2Q-1

1.png1.png

Anschließend habe ich einige mediale interessante Beispiele herausgesucht und gesammelt. Mit diesem Überblick und meiner ersten Recherche habe ich angefangen nähere Ideen anzuskizzieren.

Umsetzungsideen.pngUmsetzungsideen.png
Umsetzungsideen-1.pngUmsetzungsideen-1.png

Umsetzungsideen-4.pngUmsetzungsideen-4.png
Umsetzungsideen-5.pngUmsetzungsideen-5.png

15.04.2024 | Mediale Sammlung

Diese Woche habe ich mich weiter mit Umsetzungsideen beschäftigt und überlegt, wie ich möglichst vielfältig die Thematik den Betrachtern erklären kann.

Umsetzungsideen-6.pngUmsetzungsideen-6.png
Umsetzungsideen-8.pngUmsetzungsideen-8.png
Umsetzungsideen-2.pngUmsetzungsideen-2.png

Umsetzungsideen-7.pngUmsetzungsideen-7.png
Umsetzungsideen-3.pngUmsetzungsideen-3.png
Umsetzungsideen-9.pngUmsetzungsideen-9.png

22.04.2024 | Themen clustern + Medien definieren

Ich habe im Laufe der Woche aus meinen Recherchen Themen herausgezogen, die ich gerne „live“ visualisieren möchte. Diese Visualisierungen sollen dann jeweils auf eine Website führen, wo die Themen nochmal genauer betrachten werden können.

t1.pngt1.png
t2.pngt2.png
T3.pngT3.png
t4.pngt4.png
5.png5.png
6.png6.png
7.png7.png

29.04.2024 | Experimente vermischen

Meine Themenvorschläge der vorherigen Woche waren vorher sehr voneinander abgetrennt, obwohl die Themen zusammen gehören (Poster + Ausstellungsobjekt). Ich habe die Themen in dieser Woche mehr miteinander verknüpft und überlegt was die Schnittstelle zwischen den Ausstellungsobjekte und der Website sein kann. 

Ich hätte hierbei den Plan Ausstellungsobjekte zu verschiedenen Themengruppen mit unterschieden Umsetzungsmöglichkeiten zu verwirklichen (3D-Druck, Plotten, Lasercutten, Data Strings). 

Ich habe mir hierzu überlegt, inwiefern ich die Ausstellungsobjekte mit der Website verknüpfe.

Ausstellungsobjekte-1.pngAusstellungsobjekte-1.png
Ausstellungsobjekte.pngAusstellungsobjekte.png
Ausstellungsobjekte-2.pngAusstellungsobjekte-2.png

Ich habe mir zusätzlich einen Aufbau überlegt, wie ich diese ganzen Objekte bei der Werksschau miteinander kombiniere.

Übersicht.pngÜbersicht.png

Weiterhin habe ich erste Darstellungen erstellt. Zum einen habe ich mit den verschiedenen Graphen begonnen und diese visualisiert und in Blender die 3D Modelle vorerst grob angedeutet.

Bildschirmfoto 2024-04-29 um 12.57.30.pngBildschirmfoto 2024-04-29 um 12.57.30.png
Bildschirmfoto 2024-04-29 um 12.58.28.pngBildschirmfoto 2024-04-29 um 12.58.28.png
Bildschirmfoto 2024-04-29 um 12.58.15.pngBildschirmfoto 2024-04-29 um 12.58.15.png

06.05.2024 | Pitch Präsentation

PD LJ 01 Titel.pdf PDF PD LJ 01 Titel.pdf

13.05.2024 | Visualisierungen umsetzen

In dieser Woche habe ich mich vermehrt darauf konzentriert, die ersten Visualisierungen umzusetzen und zu gestalten. Dabei habe ich die interaktiven Karten in Datawrapper erstellt und die Grafiken für die Website zum Thema Entwicklung der GPG.

Deutschland.pngDeutschland.png
Deutschland_2.pngDeutschland_2.png
Europa.pngEuropa.png
Europa_2.pngEuropa_2.png
Bildschirmfoto 2024-05-06 um 11.37.54.pngBildschirmfoto 2024-05-06 um 11.37.54.png
Diagramm_Design_Entwicklung GPG Kopie.pngDiagramm_Design_Entwicklung GPG Kopie.png
Diagramm_Design_Entwicklung GPG.pngDiagramm_Design_Entwicklung GPG.png

Daten_Karten.pdf PDF Daten_Karten.pdf

27.05.2024 | Bare Conductive Tests

In dieser Woche habe ich erste nähere Überlegungen bezüglich der Website übernommen. Dafür habe ich mir eine Sitemap und ein Moodboard erstellt. In Webflow habe ich erste Versuche für die Website unternommen, diesen Aufbau dann allerdings wieder verworfen, da noch keine richtige Struktur erkennbar war.

Sitemap.pngSitemap.png
Moodboard.pngMoodboard.png
Webflow.pngWebflow.png

Weiterhin habe ich mir Gedanken und Skizzen dazu gemacht, wie ich meine Ausstellungsobjekte mit meiner Website verbinde. Für das Thema „Gender Pay Gap in Deutschland und Europa“ werde ich RFIDs verwenden und diese scannen. Für die anderen beiden Themen „Entwicklung der Gender Pay Gap“ und „Die Gender Pay Gap in einzelnen Berufsgruppen“ werde ich meine Ausstellungsobjekte mit Bare Conductive mit der Website verbinden. Dafür habe ich Skizzen für den Aufbau angefertigt. Und erste Versuche gemacht, die bis jetzt leider noch nicht geglückt sind.

Bildschirmfoto 2024-06-03 um 15.33.28.pngBildschirmfoto 2024-06-03 um 15.33.28.png

03.06.2024 | Designs und Grafiken

Ich habe mich nochmal an das Website Design gesetzt und einiges ausprobiert und ein Design gefunden, welches das Thema übersichtlich darstellt.

Bildschirmfoto 2024-06-03 um 15.37.06.pngBildschirmfoto 2024-06-03 um 15.37.06.png
Bildschirmfoto 2024-06-03 um 15.36.20.pngBildschirmfoto 2024-06-03 um 15.36.20.png

Wir haben außerdem herausgefunden, warum das Touch Board nicht reagiert hat und das Problem behoben.

Ich habe mich außerdem an die nächsten Grafiken für die Website gesetzt. Hier werden ich bis zur kommenden Woche verschiedene Darstellungsvarianten für die Selektion einzelner Themen austesten.

Grafik_Entwicklung GPG Website allgemein-04.pngGrafik_Entwicklung GPG Website allgemein-04.png
Grafik_Entwicklung GPG Plotter Kopie.pngGrafik_Entwicklung GPG Plotter Kopie.png
Grafik_Entwicklung GPG Website allgemein-06.pngGrafik_Entwicklung GPG Website allgemein-06.png
Grafik_Entwicklung GPG Website Punkt 3.pngGrafik_Entwicklung GPG Website Punkt 3.png
Grafik_Entwicklung GPG Website Punkt 1.pngGrafik_Entwicklung GPG Website Punkt 1.png
Grafik_Entwicklung GPG Website Punkt 2.pngGrafik_Entwicklung GPG Website Punkt 2.png

10.06.2024 | Tests und Experimente

In dieser Woche habe ich zusammen mit Celina einige Tests am Lasercutter gemacht. Ich habe dabei verschiedenen Schriftgrößen für die Überschriften und die Fließtexte ausprobiert sowie Strichdicken für die Diagramme.

Tests.pngTests.png
Tests_Lasercutter.pngTests_Lasercutter.png

Weiterhin habe ich bei der Umsetzung meiner komplexesten Grafik zum Thema Berufsgruppen experimentiert. Hier hatte ich zunächst Probleme, bei der Darstellung der Flächen für die Männer-, Frauen- und Mischberufe. Ich habe verschiedene Muster getestet, diese wirken allerdings dann zu durcheinander, wenn ich die Graphen mit dazu bringe. Farbflächen haben ebenfalls die Wirkung zerstört. Zudem wäre das bei der Umsetzung der Bretter problematisch geworden. Ich habe mich jetzt dazu entschieden, die Flächen in unterschiedlichen Tiefen mit dem Lasercutter zu gravieren.

Diagramm_Design [Wiederhergestellt]_Test Muster.pngDiagramm_Design [Wiederhergestellt]_Test Muster.png
Diagramm_Design [Wiederhergestellt]_Statistik_Berufsgruppen.pngDiagramm_Design [Wiederhergestellt]_Statistik_Berufsgruppen.png
Diagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen allgemein.pngDiagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen allgemein.png
Diagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Plotter.pngDiagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Plotter.png

17.06.2024 | Website Figma, Diagramme

Ich habe mich diese Woche mit der Finalisierung des Webdesigns in Figma beschäftigt. 

Zudem habe ich meine Diagramme für die Website und den Lasercutter finalisiert.

Bildschirmfoto 2024-06-17 um 21.17.55.pngBildschirmfoto 2024-06-17 um 21.17.55.png
Diagramm_Design [Wiederhergestellt]_Entwicklung GPG Website allgemein Kopie.pngDiagramm_Design [Wiederhergestellt]_Entwicklung GPG Website allgemein Kopie.png
Diagramm_Design [Wiederhergestellt]_Entwicklung GPG Plotter Kopie 3.pngDiagramm_Design [Wiederhergestellt]_Entwicklung GPG Plotter Kopie 3.png
Diagramm_Design [Wiederhergestellt]_Entwicklung GPG Website allgemein Kopie 2.pngDiagramm_Design [Wiederhergestellt]_Entwicklung GPG Website allgemein Kopie 2.png
Diagramm_Design [Wiederhergestellt]_Entwicklung GPG Website Punkt 1 Kopie.pngDiagramm_Design [Wiederhergestellt]_Entwicklung GPG Website Punkt 1 Kopie.png
Diagramm_Design [Wiederhergestellt]_Entwicklung GPG Website Punkt 2 Kopie.pngDiagramm_Design [Wiederhergestellt]_Entwicklung GPG Website Punkt 2 Kopie.png
Diagramm_Design [Wiederhergestellt]_Entwicklung GPG Website Punkt 3 Kopie.pngDiagramm_Design [Wiederhergestellt]_Entwicklung GPG Website Punkt 3 Kopie.png
Diagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen allgemein.pngDiagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen allgemein.png
Diagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Frauenberufe.pngDiagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Frauenberufe.png
Diagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Mischberufe.pngDiagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Mischberufe.png
Diagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Männerberufe.pngDiagramm_Design [Wiederhergestellt]_Statistik Berufsgruppen Männerberufe.png

24.06.2024 | Umsetzung und Produktion

Diese Woche habe ich damit begonnen, meine Website in Webflow umzusetzen. Zudem habe ich viel Zeit mit der Planung der Umsetzung verbracht. In der kommenden Woche fängt somit für mein Projekt die Produktion an.

Für die Umsetzung habe ich die Dateien für den Lasercutter vorbereitet.

Vorlage_Plotter_Zeichenfläche 1 Kopie 5.pngVorlage_Plotter_Zeichenfläche 1 Kopie 5.png
Vorlage_Plotter_Zeichenfläche 1 Kopie 6.pngVorlage_Plotter_Zeichenfläche 1 Kopie 6.png
Vorlage_Plotter_Zeichenfläche 1 Kopie 7.pngVorlage_Plotter_Zeichenfläche 1 Kopie 7.png
Vorlage_Plotter_Zeichenfläche 1 Kopie 13.pngVorlage_Plotter_Zeichenfläche 1 Kopie 13.png
Vorlage_Plotter_Zeichenfläche 1 Kopie 8-13.pngVorlage_Plotter_Zeichenfläche 1 Kopie 8-13.png

Zudem habe ich nach einigen Anmerkungen im Unterricht meine Grafiken teilweise nochmal bearbeitet und die y-Achsen auf die linke Seite gesetzt, damit die Lesbarkeit bei der ersten Betrachtung besser ist.

optimiert_Grafiken_Entwicklung GPG Website allgemein Kopie.pngoptimiert_Grafiken_Entwicklung GPG Website allgemein Kopie.png
optimiert_Grafiken_Entwicklung GPG Plotter Kopie 3.pngoptimiert_Grafiken_Entwicklung GPG Plotter Kopie 3.png
optimiert_Grafiken_Entwicklung GPG Website allgemein Kopie 2.pngoptimiert_Grafiken_Entwicklung GPG Website allgemein Kopie 2.png
optimiert_Grafiken_Entwicklung GPG Website Punkt 3 Kopie.pngoptimiert_Grafiken_Entwicklung GPG Website Punkt 3 Kopie.png
optimiert_Grafiken_Entwicklung GPG Website Punkt 1 Kopie.pngoptimiert_Grafiken_Entwicklung GPG Website Punkt 1 Kopie.png
optimiert_Grafiken_Entwicklung GPG Website Punkt 2 Kopie.pngoptimiert_Grafiken_Entwicklung GPG Website Punkt 2 Kopie.png

01.07.2024 | Produktion und Website

Ich habe diese Woche mit der Produktion meiner Ausstellungsobjekte angefangen. Dabei habe ich die ersten Bretter lasercuten lassen und mir für die Rückseiten weitere Bretter von Jonas zuschneiden lassen.

Weiterhin habe ich mit der Umsetzung der Website begonnen. Hier sind allerdings noch nicht alle Seiten miteinander verlinkt.

https://gpg-238550.webflow.io/

https://gpg-238550.webflow.io/projektseite-1

https://gpg-238550.webflow.io/projektseite-2

IMG_4483.pngIMG_4483.png
IMG_4480.pngIMG_4480.png

08 - 12.07.2024 | Fertigstellung des Projektes

In der letzten Woche vor der Werkschau habe ich meine Ausstellungsobjekte am Lasercutter fertig produziert und alles final zusammengebaut und ein paar mal vor der Ausstellung getestet.

IMG_4599.pngIMG_4599.png
GIF Konvertierung Juli 24.gifGIF Konvertierung Juli 24.gif
IMG_4481.pngIMG_4481.png
IMG_4543 2.pngIMG_4543 2.png
IMG_4544 2.pngIMG_4544 2.png
IMG_4545 2.pngIMG_4545 2.png

Weiterhin habe ich meine Website finalisiert und alles zum laufen gebracht.

8. Links

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Betreuung

foto: Prof. Michael Zöllner

Zugehöriger Workspace

Interaction / Information Design (KD6)

Entstehungszeitraum

Sommersemester 2024