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

Dahabs Blue Hole – Tauchen zwischen Faszination und Gefahr

Dahabs Blue Hole – Tauchen zwischen Faszination und Gefahr

01. Arbeitstitel

Dahabs Blue Hole – Tauchen zwischen Faszination und Gefahr

02. Kurzbeschreibung

Das Blue Hole in Dahab. Ein Ort, der in den Medien als „World's Deadliest Dive Site“ oder „Knochengarten“ bezeichnet wird – und dennoch eine magische Anziehungskraft auf Taucher aus aller Welt ausübt. Doch in der Tiefe lauerte für einige auch der Tod.
Diese Storytelling-Webseite beleuchtet das Zusammenspiel von Faszination und Gefahr des Tauchens. Ziel des Projekts ist es, die User*innen für das Blue Hole und das Tauchen zu begeistern, sie über die verschiedenen Taucharten zu informieren und gleichzeitig für die Risiken und Gefahren des Tauchens zu sensibilisieren.
Durch mehrere Unterseiten mit thematischen Schwerpunkten und das Aufgreifen tödlicher Unfallereignisse sollen Emotionen geweckt und komplexe Sachverhalte verständlich vermittelt werden. Das Projekt soll ein sicheres und zugleich faszinierendes Taucherlebnis fördern und die Bedeutung von verantwortungsbewusstem Tauchen manifestieren.

03. Projektmanagement

Zeitmanagement.jpgZeitmanagement.jpg

04. Why, How, What

Why, how, what_final.pngWhy, how, what_final.png

05. Recherche, Inhalte, Daten, Quellen

Bildschirmfoto 2025-02-17 um 12.14.38.pngBildschirmfoto 2025-02-17 um 12.14.38.png

Experteninterviews

Transkript_Ahmed-Zawawy_ohne-Markierung.pdf PDF Transkript_Ahmed-Zawawy_ohne-Markierung.pdf

Transkript_Tarek-Omar_ohne-Markierung.pdf PDF Transkript_Tarek-Omar_ohne-Markierung.pdf

Umfrage unter Taucher*innen

Taucher-Umfrage.pdf PDF Taucher-Umfrage.pdf

Status-Quo/Referenzprojekte/Inspirationsseiten

Status-Quo.pngStatus-Quo.png
Referenzprojekt 1.pngReferenzprojekt 1.png
Referenzprojekt 2.pngReferenzprojekt 2.png
Referenzprojekt 3.pngReferenzprojekt 3.png
Referenzprojekt 4.pngReferenzprojekt 4.png
Inspirationen.pngInspirationen.png

06. Zielgruppenanalyse

Zielgruppe.pngZielgruppe.png

07. Content-Modelle

SCOM-Framework.pngSCOM-Framework.png
HHH-Modell.pngHHH-Modell.png
Content-Polygon.pngContent-Polygon.png

08. Storyline, Spannungsbogen, Mindmap

alte Storyline

Storyline.pngStoryline.png

Spannungsbogen-Entdeckung.pngSpannungsbogen-Entdeckung.png
Spannungsbogen-Scubadiving.pngSpannungsbogen-Scubadiving.png
Spannungsbogen-Tecdiving.pngSpannungsbogen-Tecdiving.png
Spannungsbogen-Freediving.pngSpannungsbogen-Freediving.png
Spannungsbogen-Bergung.pngSpannungsbogen-Bergung.png

Mindmap.pngMindmap.png

Finale Struktur

Struktur.pngStruktur.png

09. Moodboards

Moodboard-1.pngMoodboard-1.png
Moodboard-2.pngMoodboard-2.png
Moodboard-3.pngMoodboard-3.png
Moodboard-4.pngMoodboard-4.png
Moodboard-5.pngMoodboard-5.png

10. Erste Skizzen/Layouts/Prototypen

Erste-Wireframes.pngErste-Wireframes.png

Wireframe.pngWireframe.png

11. Designvarianten

Variante-1.pngVariante-1.png
Variante-2.pngVariante-2.png
Variante-3.pngVariante-3.png

12. Finales Design

Webflow-neu.pngWebflow-neu.png

13. Prototyp in Figma

14. Testing

Bildschirmfoto 2025-02-15 um 19.11.03.pngBildschirmfoto 2025-02-15 um 19.11.03.png

15. Finaler Prototyp in Webflow

16. Styleguide

Titelbild.pngTitelbild.png
Typo.pngTypo.png
Raster-final.pngRaster-final.png
Farben.pngFarben.png
Fotografien.pngFotografien.png
Illustrationen.pngIllustrationen.png
Animationen.pngAnimationen.png
Videos.pngVideos.png
Webseite Elemente.pngWebseite Elemente.png
Grafische Elemente.pngGrafische Elemente.png
Infografiken_neu.pngInfografiken_neu.png

Übersicht von allen Illustrationen:

Ilustrationen_Übersicht.pngIlustrationen_Übersicht.png

17. Screencast

18. Präsentationsvideo

19. Präsentationsfotos

_MG_0677.jpg_MG_0677.jpg
_MG_0679.jpg_MG_0679.jpg
_MG_0688.jpg_MG_0688.jpg
_MG_0680.jpg_MG_0680.jpg

20. Ausstellung

Ausstellungssituation.pngAusstellungssituation.png
Ausstellung.pngAusstellung.png
IMG_4449.jpgIMG_4449.jpg
IMG_4852.jpgIMG_4852.jpg
IMG_4344.jpgIMG_4344.jpg

mockup3.jpgmockup3.jpg

21. Thesis

Sarah-Löcker_Thesis_Dahabs-Blue-Hole_komprimiert.pdf PDF Sarah-Löcker_Thesis_Dahabs-Blue-Hole_komprimiert.pdf

22. Kolloquium

Kolloquium.pdf PDF Kolloquium.pdf

______________________________

Kick-Off-Präsentation

Präsentation.pdf PDF Präsentation.pdf

Exposé

Sarah-Löcker_Exposé_Blue-Hole.pdf PDF Sarah-Löcker_Exposé_Blue-Hole.pdf

Projektverlauf

Woche 1 (01.10.24-07.10.24): Recherche, Fotografien, erster Entwurf why how what, Forschungsfrage, Entwurf Interviews, Entwurf Taucher-Umfrage

---

Woche 2 (08.10.24-14.10.24): Finalisierung und Übersetzung Interviews, Finalisierung Taucher-Umfrage, Durchführung Interviews, Vorbereitung Kick-Off-Präsentation, Projektmanagement

---

Woche 3 (15.10.24-21.10.24): Transkript Interviews, Rückreise Deutschland

---

Woche 4 (22.10.24-28.10.24): Weitere Recherche, Überarbeitung why how what, Überarbeitung Forschungsfrage, Entwurf Gliederung Thesis, Recherche Status-Quo/Referenzprojekte/Inspirationsseiten, Test Runway

---

Woche 5 (29.10.24-04.11.24): Zielgruppenanalyse, Storyline, Mindmap, Spannungsbögen

---

Woche 6 (05.11.24-11.11.24): Content-Modelle, Moodboards

---

Woche 7 (12.11.24-18.11.24): Erste Skizzen/Wireframes, Einleitung Thesis

---

Woche 8 (19.11.24-25.11.24): Designvarianten, Vertestung Audio, Entwurf Entdeckungstauchgang

---

Woche 9 (26.11.24-02.12.24): ERKRANKT

---

Woche 10 (03.12.24-09.12.24): ERKRANKT

---

Woche 11 (10.12.24-16.12.24): Finales Design, Wireframes, Prototyp

---

Woche 12 (17.12.24-23.12.24): Illustrationen, Animationen

---

Woche 13 (24.12.24-30.12.24): Finalisierung Prototyp

---

Woche 14 (31.12.24-06.01.25): Start Webflow

---

Woche 15 (07.01.25-13.01.25): Webflow

---

Woche 16 (14.01.25-20.01.25): Webflow, Thesis

---

Woche 17 (21.01.25-27.01.25): Webflow, Thesis, Skizze Ausstellungssituation

---

Woche 18 (28.01.25-03.02.25): Finale Korrekturen Webflow, Thesis, Gestaltung eines Plakats, Vorbereitungen für Ausstellungsituation, Aufbau Werkschau

---

Woche 19 (04.02.25-10.02.25): Werkschau, Finalisierung Thesis, Vorbereitung Kolloquium

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Betreuer_in

foto: Prof. Norbert Diedrich

Zugehöriger Workspace

Bachelor Storytelling / UX

Entstehungszeitraum

Wintersemester 2024 / 2025