Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

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

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

WHAT THE HAIR ?!

Projektdokumentation des digitalen Zines „WHAT THE HAIR?!“, entstanden im Sommersemester 2021.

In unserem digitalen Zine „WHAT THE HAIR?!“ durchkämmen wir in Form einer Konversation unter Freund*innen aus einem intersektional feministischen Blickwinkel die Themenwelt rund um Haare. Durch ein interaktives Scrollytelling geben wir Denkanstöße zu einem alltäglich erscheinenden Thema, hinter dem viel mehr steckt als es zuerst erscheint.

WHAT THE HAIR?! (finales Produkt)

DISCLAIMER: 

Diese Website ist ausschließlich für Smartphones gedacht und kann auf Laptops sowie Tablets nicht gelesen werden.

⚠️CONTENT WARNING⚠️:

In diesem Text werden Rassismuserfahrungen, Sexismus, Ableismus, Transfeindlichkeit, Body Image und Genderdysphorie erwähnt und diskutiert.

Scanne diesen QR-Code mit deinem Smartphone um zum Text zu kommen:

frame.pngframe.png

KONZEPT

Im Mainstream finden immer noch zu wenige Konversationen über marginalisierte Körper statt. Viel zu oft werden über marginalisierte Perspektiven geschrieben, ohne betroffene Personen mit einzubeziehen („Nothing about us without us“, South African Disability Rights Slogan, 1980s), und viel zu selten findet ein intersektionaler Austausch zwischen verschiedenen Communities statt. Für unser Zine haben wir ein Gespräch mit drei Personen mit verschiedenen politisierten Identitäten veranstaltet. Durch leitende Fragen kamen Cosmo, Julia und Kisha in den Austausch, das Gespräch wurde aufgezeichnet und transkribiert. Uns ist der Gesprächsstoff nicht ausgegangen, sodass es eine on-going Konversation mit offenem Ende geworden ist. Wir hoffen, dass die Leser*innen sich davon inspiriert fühlen, das Thema Haare selbst kritisch zu hinterfragen und ähnliche Gespräche anzustoßen.

PROZESS

Bei den anfänglichen Brainstormings bestand die Schwierigkeit nicht in einem Mangel an Ideen, sondern eher am Überfluss! Es war zum Haareraufen. Von Anfang an fanden wir allerdings allesamt die Catchphrase „Making the Invisible visible“ interessant- über Körperthemen sprechen, die unsichtbar gemacht werden. Diesen Grundgedanken nutzten wir für den Ideenfindungsprozess als Orientierung.

Pitches Round 1

In der ersten Pitchrunde hatten wir ein breites Spektrum an Ideen, da wir alle unterschiedliche Themen mitbrachten. Dabei kristallisierten sich zwei Ideen heraus:

1. Ästhetisches Redesign eines Cochlear-Implants - form follows fun

2. Body/Gender Hacking

Gegen Ende der Ideensuche ging es auch schon in Richtung Thema Haare...

1FB19E56-2280-4F20-8F4C-8FD5228D3F7C.png1FB19E56-2280-4F20-8F4C-8FD5228D3F7C.png
EAC99F27-69D9-4BA3-87DF-FF976F8476AF.pngEAC99F27-69D9-4BA3-87DF-FF976F8476AF.png
A9DB6AB3-9929-40F7-9DC8-07B3F11F95CE.pngA9DB6AB3-9929-40F7-9DC8-07B3F11F95CE.png
A9E032B0-0E1F-4D00-B85E-C0295D5289E1.jpegA9E032B0-0E1F-4D00-B85E-C0295D5289E1.jpeg

Pitches Round 2

In der zweiten Runde konnten wir die Konzepte schon klarer konzeptualisieren. Zur Wahl standen immer noch das Redesign/Design eines Headpieces in Verbindung mit dem Cochlear Implant - oder ein Magazin über Haare. Nach der Präsentation vor dem Kurs fiel die Entscheidung auf das Magazin. Jetzt konnte die genauere Konzeptualisierung und Umsetzung unserer Idee losgehen.

DCF5F940-F287-469F-B726-CC96BF1632CA.pngDCF5F940-F287-469F-B726-CC96BF1632CA.png
A67B3C26-1062-45EC-B6ED-7616D9396A20.jpegA67B3C26-1062-45EC-B6ED-7616D9396A20.jpeg
ACE832C3-B748-441E-B2F4-9B0656348364.pngACE832C3-B748-441E-B2F4-9B0656348364.png

In einem iterativen Prozess überlegten wir nun, was genau wir in unserem Zine thematisieren wollten. Unsere ersten Mock-ups dienten dem Zweck der Entscheidungsvereinfachung für ein mögliches Layout des Covers. Diese erste Visualisierung half auch wesentlich dabei, uns bezüglich des Inhaltes unseres Zines festzulegen.

D9808ABB-8A9F-47C8-8B57-F21C1116FA2C.pngD9808ABB-8A9F-47C8-8B57-F21C1116FA2C.png
9636C267-4060-4169-80FF-6F3361FDB841.png9636C267-4060-4169-80FF-6F3361FDB841.png
CE1C4ABA-404A-441D-952C-21BEA0CB6433.pngCE1C4ABA-404A-441D-952C-21BEA0CB6433.png
5966A03C-19FE-4304-93EE-DAF161631005.png5966A03C-19FE-4304-93EE-DAF161631005.png
9F127A5B-B47A-4D76-87F6-6F31A8F01D8B.png9F127A5B-B47A-4D76-87F6-6F31A8F01D8B.png
FFD85C23-4DDF-4AFB-A12D-F7002DAA64CF.pngFFD85C23-4DDF-4AFB-A12D-F7002DAA64CF.png

Durch zahlreiche Zoommeetings, Brainstorms und persönliche Gespräche fiel uns immer wieder auf, was für unterschiedliche Lebenserfahrungen wir mit unseren Körpern und insbesondere unseren Haaren gemacht haben. Oft kam dabei zum Gespräch, dass es uns allen missfällt, wie abstrahiert in akademischen Spaces über marginalisierte Erfahrungen und insbesondere marginalisierte Körper geredet wird, sodass Lebensrealitäten zu Gedankenspielen werden. Dieses Phänomen hat für uns etwas entmenschlichend, sodass uns schnell klar wurde, das wir dem ein Projekt mit einer bewusst persönlichen Note entgegensetzen wollten. Bald waren uns zur Umsetzung dieses Grundgedankens die Hauptzutaten für unser Projekt klar: In einem Interview ähnelndem Text wollten wir unsere bereits in persönlichen Gesprächen begonnenen Erfahrungen festhalten. Und um eine begleitende Fotostrecke zu erstellen, veranstalteten wir einen Fotoshoot, in dem wir Julia die Haare abrasierten, was eine lang ersehnte körperliche Transformation darstellte.

Screenshot 2021-07-08 at 22.28.38.pngScreenshot 2021-07-08 at 22.28.38.png

A0B713E2-5E89-4413-AE6E-7F275F2E1536.jpegA0B713E2-5E89-4413-AE6E-7F275F2E1536.jpeg
BF622D2F-C197-4FC5-BBB7-0669C50FD841.pngBF622D2F-C197-4FC5-BBB7-0669C50FD841.png

Vorbereitung des Photoshoots

Auf einem Miroboard sammelten wir unsere verschiedenen Assoziationen und Erlebnisse zum Thema Haare, indem wir Mindmaps mit persönlichen Reflektionen anlegten. Daraus und durch das Durchlesen der Mindmaps der anderen wurden wir auf den face to face Austausch neugierig. Aus dieser Neugierde entstanden unsere Interviewfragen - Dinge, über die wir gerne reden wollten, Themen die wir wichtig fanden und Fragen, die wir unbedingt den anderen Stellen wollten. In diesem Stadium unseres Prozesses schloss Kisha sich uns an, da ihr Interesse durch unsere Präsentation im Kurs geweckt worden war und sie sich gerne am Gespräch beteiligen wollte.

Screenshot 2021-07-08 at 22.37.00.pngScreenshot 2021-07-08 at 22.37.00.png
Screenshot 2021-07-08 at 22.38.17.pngScreenshot 2021-07-08 at 22.38.17.png
Screenshot 2021-07-08 at 22.37.39.pngScreenshot 2021-07-08 at 22.37.39.png

what the hair_.jpgwhat the hair_.jpg

UMSETZUNG

Photoshoot

Eine haarige Angelegenheit!

photo_2021-08-31 00.05.56.jpegphoto_2021-08-31 00.05.56.jpeg

Das Photoshooting war für uns alle ein einmaliges und sehr emotionales Erlebnis. Zu dritt haben wir das Abrasieren von Julias langen Haaren zu einer Zelebration gemacht. Während des Shootings haben wir in Schriftform kommuniziert, da Julia ihre Cochlear-Implantate ablegen musste. Dadurch entstand im Fotostudio eine ganz besondere Stimmung.

78C36014-61D6-454C-AEE9-18179FC91A96.png78C36014-61D6-454C-AEE9-18179FC91A96.png
photo_2021-08-31 00.08.09.jpegphoto_2021-08-31 00.08.09.jpeg
9D510672-4770-47F6-94A9-D6BD1A3F13EE.jpeg9D510672-4770-47F6-94A9-D6BD1A3F13EE.jpeg
766603A1-17F9-4D50-A61B-15BE553CE823.jpeg766603A1-17F9-4D50-A61B-15BE553CE823.jpeg
BF76C099-6348-45E3-ADA9-A511234C993E.jpegBF76C099-6348-45E3-ADA9-A511234C993E.jpeg
photo_2021-08-31 00.07.55.jpegphoto_2021-08-31 00.07.55.jpeg

4D8FF898-3722-4E45-BBF3-D83CA510DC59.jpeg4D8FF898-3722-4E45-BBF3-D83CA510DC59.jpeg
D7A83528-B4DF-4FD2-9B62-933858D90614.jpegD7A83528-B4DF-4FD2-9B62-933858D90614.jpeg
35FF7144-8984-4B50-B6AF-922F9BEEB38A.jpeg35FF7144-8984-4B50-B6AF-922F9BEEB38A.jpeg
20160F68-FD08-44AC-BA81-1C2359930038.jpeg20160F68-FD08-44AC-BA81-1C2359930038.jpeg
2AB9CAF4-6BD2-427C-97C7-EDFA9A9C0161.jpeg2AB9CAF4-6BD2-427C-97C7-EDFA9A9C0161.jpeg

Nach dem Photoshoot und dem Anschauen der bearbeiteten Bilder kam uns die Idee für die Vorstellung unseres Projektes für die Werkschau: die großformatig, schwarz-weiß gedruckte Ausstellung unser Lieblingsbilder neben einem mysteriösen QR-Code, der die Betrachtenden durch einen Scan mit dem Smartphone zu der dahintersteckenden Geschichte führt. Die oberen sieben Bilder sind die ausgewählten Bilder für die Werkschau, unten sieht man einige Behind-the-Scenes Bilder sowie die Scans der Papiere, auf denen wir kommuniziert haben.

E20F2903-7041-4726-A822-42893E3844A3.jpegE20F2903-7041-4726-A822-42893E3844A3.jpeg
photo_2021-08-29 16.05.05.jpegphoto_2021-08-29 16.05.05.jpeg
B4EA6575-3966-46C4-8EDF-CF47C443E786.jpegB4EA6575-3966-46C4-8EDF-CF47C443E786.jpeg
3188A20C-104B-482D-B3F8-91B45F945E03.jpeg3188A20C-104B-482D-B3F8-91B45F945E03.jpeg
photo_2021-08-29 16.04.59.jpegphoto_2021-08-29 16.04.59.jpeg
photo_2021-08-29 16.05.01.jpegphoto_2021-08-29 16.05.01.jpeg
photo_2021-08-29 16.05.00.jpegphoto_2021-08-29 16.05.00.jpeg
photo_2021-08-29 16.04.56.jpegphoto_2021-08-29 16.04.56.jpeg
photo_2021-08-29 16.05.09.jpegphoto_2021-08-29 16.05.09.jpeg
photo_2021-08-29 16.05.08.jpegphoto_2021-08-29 16.05.08.jpeg
photo_2021-08-29 16.05.07.jpegphoto_2021-08-29 16.05.07.jpeg

Let's talk about hair, baby! 

Für das Gespräch nahm Paula die Rolle der Interviewerin ein und stellte Kisha, Julia und Cosmo die auf dem Miroboard vorbereiteten Fragen. Dank der damals niedrigen Covid Neuinfektionen konnten wir uns vor Ort im Campusgarten treffen. Obwohl wir das Gespräch nebenher aufzeichneten, verlief es authentisch und spannend, sodass wir alle neue Aspekte aus dem Gespräch mitnehmen konnten. Obwohl wir alle Fragen beantwortet bekommen haben, hatten wir nach der letzten Frage das Gefühl, noch ewig weiterreden zu können - so viele Themenbereiche wurden angeschnitten, und so viele Aspekte hätten noch weiter ausgeführt werden können. Das einzige, was wir vergessen haben, war es ein Gruppenfoto zu machen!

Screenshot 2021-07-08 at 22.30.37.pngScreenshot 2021-07-08 at 22.30.37.png
Screenshot 2021-07-08 at 22.30.37.jpgScreenshot 2021-07-08 at 22.30.37.jpg

POSTPRODUKTION

Unsere ursprüngliche Idee war es gewesen, das Zine drucken zu lassen - allerdings haben wir uns dann doch vom Scrollytelling begeistern lassen. Dieses Medium passt letztendlich am besten zu unserem Projekt, da die fließende, sich nach unten scheinbar unendlich weiter entwickelnde visuelle Impression uns an wachsende Haare erinnert. Zwar sind wir alle keine Interface Designer*innen und haben (noch) wenig Ahnung davon, wie man eine Website zu gestaltet, haben uns aber den Websitebuilder Readymag beigebracht, der für Anfänger*innen im Bereich Webdesign autodidaktisch gut zu verstehen ist. 

Für das Layout ließen wir uns trotz des digitalen Mediums von analogen Zeitschriften inspirieren. Besonders gefiel uns die Idee, die einzelnen Satzblöcke ähnlich wie in Sprechblasen in einzelnen Blöcken zu formatieren, da dies den Charakter des verbalen Sprechens gut übersetzt. Weitere  Inspirationen für das Layout sammelten wir auf einem Pinterestboard (siehe folgende Screenshots).

45827553-3CD2-4154-8A67-0B65E482A187.jpeg45827553-3CD2-4154-8A67-0B65E482A187.jpeg
8E44E5DE-0398-409B-B76C-101C1253A886.jpeg8E44E5DE-0398-409B-B76C-101C1253A886.jpeg
59783057-740E-4E65-A889-00B1C3395205.jpeg59783057-740E-4E65-A889-00B1C3395205.jpeg

Als nächstes haben wir alle einzeln Mock-Ups für das Layout erarbeitet, in Bezug auf Farben, Schriften, Anordnung der Texte etc (siehe unten, Reihenfolge: Cosmo, Paula, Julia). Darauf basierend tasteten wir uns dann an die Umsetzung für die Handyversion heran.

123A7925-BCC3-46BB-B11B-4BE26C3883B9.jpeg123A7925-BCC3-46BB-B11B-4BE26C3883B9.jpeg
D9447F91-EB56-4E46-AEA0-4A8240BD2D51.jpegD9447F91-EB56-4E46-AEA0-4A8240BD2D51.jpeg
7EEAE946-9189-440A-99DA-293211A7BB40.jpeg7EEAE946-9189-440A-99DA-293211A7BB40.jpeg
9495CB07-CA96-4128-BCA6-733B7653830C.jpeg9495CB07-CA96-4128-BCA6-733B7653830C.jpeg
D5BF1A6D-7310-4315-A51F-A9BFD449FBCB.jpegD5BF1A6D-7310-4315-A51F-A9BFD449FBCB.jpeg
305B749B-5C3C-4714-B2C4-B531BEC2C442.jpeg305B749B-5C3C-4714-B2C4-B531BEC2C442.jpeg
50595E25-6F5D-47F3-BAED-381EF9F7ABDF.jpeg50595E25-6F5D-47F3-BAED-381EF9F7ABDF.jpeg

Beim Vergleichen unserer Mockups kam uns die Idee, mit der Monotone Funktion in Kombination mit den schwarz-weiss Bildern zu arbeiten. Kurz verliebten wir uns in die Idee, dabei einen blau-violetten Farbton für das Layout zu verwenden, allerdings wirkte das Farbschema im Webdesign damit zu kalt und wir konnten den Zusammenhang der Farbwahl und dem Thema nicht begründen. Die Farbwahl fiel uns nicht leicht, stundenlang tüftelten wir daran herum, bis unser Gruppenchat nur noch aus HexCodes bestand.

photo_2021-08-29 13.52.19.jpegphoto_2021-08-29 13.52.19.jpeg
793600E2-1CF3-429F-896D-B8305DC4C7B4.jpeg793600E2-1CF3-429F-896D-B8305DC4C7B4.jpeg
photo_2021-08-29 13.52.16.jpegphoto_2021-08-29 13.52.16.jpeg
photo_2021-08-29 13.52.24.jpegphoto_2021-08-29 13.52.24.jpeg
A3CB5BCC-1320-401E-89C4-91750B2C9862.jpegA3CB5BCC-1320-401E-89C4-91750B2C9862.jpeg

Letztendlich entschieden wir uns für ein warmes, leserfreundliches Farbschema, das vom Earth-Tones Designtrend inspiriert ist. Die Beige- und Brauntöne der Überschrift und des Hintergrundes stellen den Zusammenhang zum Thema Körper her, während das knallige Zitronengelb für die Interviewfragen und den Farbverlauf des Hintergrundes dient. Für die Überschrift haben wir uns für die Font AG Namsangjun Striped entschieden, da die feinen Streifen der Schrift an Haare erinnern, was wir durch ein Verzerren der Schrift noch verstärkt haben. Die Überschrift erinnert in der braunen Farbe an Haare.

Hier unsere ersten Entwürfen der mobilen Website. Anhand der Entwicklung zwischen den verschiedenen Screenrecordings kann man erkennen, wie wir das Programm immer besser kennengelernt haben. Ein Screenrecording der finalen Version ist ganz oben in der Dokumentation zu finden.

FAZIT

Es war für uns alle spannend, in diesem Projekt ein gleichermaßen politisches, aber auch persönliches Thema zu verfolgen. Wir haben im Ideenfindung- und Arbeitsprozess viel voneinander gelernt und wie man im Gestaltungsprozess Kompromisse macht. Wir haben uns das erste Mal ans Thema Webdesign getraut, gemeinsam einen Safe Space bei einem sehr persönlichen Photoshoot kreiert und ein Interview mit drei Personen durchgeführt und transkribiert. Obwohl die Themen zum Teil durch den persönlichen Bezug auch sehr emotional waren, haben wir es geschafft, Spaß zu haben und sind dadurch wesentlich weniger verkopft an das Thema herangegangen.

Fachgruppe

Perspektiven und Social Skills

Art des Projekts

Keine Angabe

Betreuung

foto: SO

Entstehungszeitraum

Sommersemester 2021