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

moor future -

moor future - „Nasse Moore für eine bessere Zukunft“

Bachelorarbeit 2023/24 - Luis Pöschl (moor future - Nasse Moore für eine bessere Zukunft)

1. | Kurzbeschreibung des Projekts

Die Arbeit thematisiert die Bedeutung von Mooren für unsere Klimaziele. Moore haben das Potenzial, große Mengen Kohlenstoff aus der Luft aufzunehmen und zu binden, wobei sie 30% der weltweiten Kohlenstoffvorräte speichern, obwohl sie nur 3% der globalen Landfläche ausmachen. Bei Trockenlegung oder Zerstörung werden diese CO2-Speicher freigesetzt und belasten die Umwelt.

Die Arbeit trägt zu einem Diskurs über den Klimawandel bei und betont, dass das Erreichen unserer Klimaziele ohne die Wiedervernässung der Moore nicht möglich ist.

2. | Konzept / What How Why

73.jpg73.jpg

3. | Projektmanagement & Risikobewertung

Bildschirmfoto 2023-11-20 um 12.19.38.pngBildschirmfoto 2023-11-20 um 12.19.38.png

Bildschirmfoto 2023-11-20 um 08.42.28.pngBildschirmfoto 2023-11-20 um 08.42.28.png

4. | Recherche

71.jpg71.jpg

Gesammelte Recherche
(wird ständig erweitert)

72.jpg72.jpg

_______________________________________

5. | Interaktive Website

5.1. | Kurzbeschreibung des Projekts

Die interaktive Website „moor future“ bietet Einblicke in die oft übersehene Rolle von Mooren im Kontext der deutschen Klimaziele bis 2045. Ein bisher weniger diskutiertes Thema steht dabei im Fokus: der Treibhausgasausstoß durch trockengelegte Moore.

Trotz ihrer klimarelevanten Rolle bleiben Moore in politischen Diskussionen und der öffentlichen Wahrnehmung häufig im Hintergrund.

Die Website bietet eine informative Plattform, um die Welt der Moore zu erkunden, ihre Bedeutung zu verstehen und potenzielle Maßnahmen zu entdecken, die zu einer nachhaltigeren Zukunft in Deutschland beitragen können.

5.2. | Formulierung Ausgangssituation, Problem, Lösung

„Eines der zentralen Probleme, das bisher leider zu wenig Beachtung findet, ist das Phänomen der CO2-Emissionen aus trockengelegten Mooren. Moore haben die einzigartige Fähigkeit, CO2 in großen Mengen zu speichern, wenn sie in ihrem natürlichen Zustand belassen werden. Dennoch scheint dies in unseren Bemühungen, unsere Klimaziele zu erreichen, bisher keine vorrangige Rolle zu spielen.

Hauptaugenmerk liegt oft auf der direkten CO2-Reduktion durch verschiedene Maßnahmen. Es ist jedoch bedauerlich, dass erst seit 2022 die Bundesregierung einen konkreten Moorschutzplan veröffentlicht hat. Offensichtlich ist das Thema politisch und gesellschaftlich noch nicht ausreichend im Bewusstsein verankert.

Paradoxerweise steuern wir trotz unserer Bemühungen auf Klimaziele hin, momentan auf eine Verfehlung zu. Daher ist es dringend erforderlich, dem Moorschutz und der Wiedervernässung mehr Aufmerksamkeit zu schenken. Diese Initiative zielt darauf ab, Menschen zu informieren und aufzuklären, die bisher wenig oder gar keine Berührungspunkte mit diesem Thema hatten.“

Bitte lassen Sie mich wissen, falls Sie noch weitere Änderungen wünschen!

5.3. | Storyline, Spannungsbogen, Userflow

79.png79.png

Bildschirmfoto 2023-11-20 um 12.28.22.pngBildschirmfoto 2023-11-20 um 12.28.22.png

Bildschirmfoto 2023-11-20 um 12.23.50.pngBildschirmfoto 2023-11-20 um 12.23.50.png

Bildschirmfoto 2023-11-20 um 12.24.03.pngBildschirmfoto 2023-11-20 um 12.24.03.png

5.4. | Moodboard

74.jpg74.jpg

23_10_19_Moodboard_Moore.png23_10_19_Moodboard_Moore.png
23_10_19_Moodboard_Moore2.png23_10_19_Moodboard_Moore2.png
MacBook Pro 14_ - 4.jpgMacBook Pro 14_ - 4.jpg

5.5. | Skizzen, erste Layouts, erste Prototypen

IMG_20231120_0003.jpgIMG_20231120_0003.jpg

5.6. | Designvarianten

77.jpg77.jpg

Designvariante 3 / Mix and Match

78.jpg78.jpg

_______________________________________

5.7. | Finales Design

Im finalen Design habe ich mich für eine Weiterarbeit mit Designvariante 3 / Mix and Match entschieden und eine meiner Themenbereiche (Wiedervernässung) in diesem Stil durchgespielt, Anpassungen vorgenommen und übergreifende Komponenten für die gesmate Anwendung geschaffen.

Bildschirmfoto 2024-01-07 um 16.56.51 (2).pngBildschirmfoto 2024-01-07 um 16.56.51 (2).png
Bildschirmfoto 2024-01-07 um 16.56.39 (2).pngBildschirmfoto 2024-01-07 um 16.56.39 (2).png
Bildschirmfoto 2024-01-07 um 16.56.46 (2).pngBildschirmfoto 2024-01-07 um 16.56.46 (2).png
Bildschirmfoto 2024-01-07 um 16.56.57 (2).pngBildschirmfoto 2024-01-07 um 16.56.57 (2).png
Bildschirmfoto 2024-01-07 um 16.57.02 (2).pngBildschirmfoto 2024-01-07 um 16.57.02 (2).png
Bildschirmfoto 2024-01-08 um 09.00.20 (2).pngBildschirmfoto 2024-01-08 um 09.00.20 (2).png
Bildschirmfoto 2024-01-07 um 16.58.54 (2).pngBildschirmfoto 2024-01-07 um 16.58.54 (2).png

5.8. | Testing

Bevor ich mich zum Testen meiner Anwendung begeben habe, habe ich sorgfältig einen Plan für die technischen Gegebenheiten erstellt.

Bildschirmfoto 2024-02-16 um 18.15.30.pngBildschirmfoto 2024-02-16 um 18.15.30.png

---- 5.8.1 3D Druck

Meine Anwendung soll am Ende interaktiv und ein Zusammenspiel mehrerer Komponenten sein.

Für die haptische Komponente nutze ich ein 3D Druck Verfahren mit Kunstharz. Das ermöglicht sehr detaiirte Modele mit gestochen scharfen Schriften, ohne sichtbare Layering Ringe.

97.jpg97.jpg

Testdruck mit einem Kunstharzdrucker

---- 5.8.2 Sensorik

Neben dem 3D Druck nutze ich NFC Technik für mein Projekt. Die NFC Chips werden unterhalb der 3D Modelle befestigt. Die Modelle können so auf den Reader gestellt werden, um eine auf dem Chip hinterlegte Website aufzurufen.

So kann der Nutzer mit meiner Storytelling Anwendung im Web interagieren.

104.jpg104.jpg

Ich habe zuerst einige Tests mit NFC Chips und einem Reader gemacht, der diese auslesen kann. Auf dem NFC Chip befindet sich eine URL. Wenn der Chip den Reader berührt wird diese aufgerufen.

So der Plan. Das Auslesen hat mit der App NFC Tools sofort geklappt. Das direkte Aufrufen der Website allerdings nicht. Hierführ habe ich erst kein gutes Tool gefunden.

96.jpg96.jpg

Für die finale Anwendung musste ich hier mit Code nachhelfen. Auf GitHub habe ich eine, auf Java besierende Anwendung gefunden.

Allerdings hatte diese zuerst mit meinem Reader, bzw. Mac Os nicht einwandfrei funktioniert.

Die Herausvorderungen waren:

- Erneutes Aufrufen der Website bei Verbleib des NFC Chips auf dem Reader (Seite öfnnet sich immer wieder)

- Ausspielen der Website im Vollbild

- Unregelmäßige Reaktionen auf den Chip

Schließlich konnten die Probleme mit einem Workaround behoben werden. Der NFC Chip beeinhaltet nun nicht mehr die URL der Website, sondern in der URL der Website ist die Nummer des entsprechenden Chips hinterlegt. Berührt dieser die Plattform wird die Webflow Adresse mit der entsprechenden Nummer in der URL aufgerufen.

So muss ich in der Benennung in Webflow, den namen des Chips voranstellen.

_Beispiel: https://040c3182ad5981.webflow.io/ Die Funktion habe ich an einem Webflow Projekt aus dem 6. Semester: „Wagners Leitmotive“ getestet._

Die Problematik des mehrfachen Aufrufens konnte durch eine weitere Anpassung im Code gelöst werden, das Aufrufen im Vollbild über Einstellungen im Browser.
_
Durch die Veränderung meiner technischen Vorraussetzungen mit dem NFC Chip musste ich kleine konzeptionelle Änderungen in das Design einarbeiten._

---- 5.8.3 Austellungsdesign

Zeichenfläche 1 KopieWiedervernässung.pngZeichenfläche 1 KopieWiedervernässung.png
Zeichenfläche 1 Kopie 2Wiedervernässung.pngZeichenfläche 1 Kopie 2Wiedervernässung.png
Zeichenfläche 1Wiedervernässung.pngZeichenfläche 1Wiedervernässung.png

5.9. | Prototyp

---- 5.9.1 3D Druck

101.jpg101.jpg
98.jpg98.jpg
99.jpg99.jpg
100.jpg100.jpg

---- 5.8.2 Sensorik

95.jpg95.jpg

---- 5.9.3 Austellungsdesign

Zeichenfläche 1 Kopie 3Wiedervernässung.pngZeichenfläche 1 Kopie 3Wiedervernässung.png
Zeichenfläche 1 Kopie 4Wiedervernässung.pngZeichenfläche 1 Kopie 4Wiedervernässung.png

102.jpg102.jpg

---- 5.9.4 Design

Bildschirmfoto 2024-02-15 um 21.28.38.pngBildschirmfoto 2024-02-15 um 21.28.38.png
Bildschirmfoto 2024-02-15 um 21.28.04.pngBildschirmfoto 2024-02-15 um 21.28.04.png
Bildschirmfoto 2024-02-15 um 21.27.36.pngBildschirmfoto 2024-02-15 um 21.27.36.png
Bildschirmfoto 2024-02-15 um 21.27.50.pngBildschirmfoto 2024-02-15 um 21.27.50.png
Bildschirmfoto 2024-02-15 um 21.28.55.pngBildschirmfoto 2024-02-15 um 21.28.55.png
Bildschirmfoto 2024-02-15 um 21.28.47.pngBildschirmfoto 2024-02-15 um 21.28.47.png
Bildschirmfoto 2024-02-15 um 21.29.05.pngBildschirmfoto 2024-02-15 um 21.29.05.png
Bildschirmfoto 2024-02-15 um 21.29.11.pngBildschirmfoto 2024-02-15 um 21.29.11.png
Bildschirmfoto 2024-02-15 um 21.29.21.pngBildschirmfoto 2024-02-15 um 21.29.21.png

_______________________________________

5.10. | Finaler Prototyp/ Link Figma, Webflow

48.jpg48.jpg
51.jpg51.jpg

50.jpg50.jpg

84.jpg84.jpg
87.jpg87.jpg

Webflow Links:
(Achtung: Nur im Austellungsformat 2560x1440 funktionsfähig)

Natürliche Moore:
https://044f3182ad5981.webflow.io/

Moornutzung:

https://045c3082ad5981.webflow.io/

Moorzesrtörung:

https://04383182ad5981.webflow.io/

Wiedervernässung:

https://04493082ad5981.webflow.io/

5.11. | Styleguide

81.jpg81.jpg

82.jpg82.jpg

87.jpg87.jpg

5.12. | Screencast

1. Natürliche Moore

2. Moorzerstörung

3. Wiedervernässung

4. Moornutzung

_______________________________________

6 | Ausstellung

83.jpg83.jpg

94.jpg94.jpg
92.jpg92.jpg
93.jpg93.jpg

_______________________________________

7 | Bachelorpräsentation

Präsentation_BA.pdf PDF Präsentation_BA.pdf

8 | Thesis

Luis_Pöschl_moor_future_Bachelorarbeit_Thesis.pdf PDF Luis_Pöschl_moor_future_Bachelorarbeit_Thesis.pdf

9 | Exposé

Moore.pdf PDF Moore.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Bachelor Storytelling / UX (ND)

Entstehungszeitraum

Wintersemester 2023 / 2024