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

Alltagsheldin Maria

Dieses Projekt aus dem Wintersemester 2024/25 im Kurs Digital Storytelling handelt von Maria, einer starken, aufgeschlossenen Person mit viel Leidenschaft für alles, was sie tut.

Recherche Websites

Website 1: https://belangerfaucets.com/en

Die Website von Bélanger hat sehr schöne Scrollanimationen, sowohl horizontal, als auch vertikal. Sie ist schön illustriert mit Fotos und Zeichnungen, Texten, Überschriften und Pastellfarben. Meiner Meinung nach illustriert sie das Produkt des Wasserhahnes sehr schön und informativ.

Website 2: https://sites.research.google/languages/

Diese Google-Website über Sprachinklusion lässt sich gänzlich durch Scrollen steuern. Dabei ist sie ausgestattet mit einer Vielzahl an Animationen, welche sowohl Fotos, als auch Informationen und Grafiken übersichtlich, interessant und spannend darstellen. 

Website 3: https://laserbysonymusic.com

Diese Website setzt auf moderne typografische Gestaltung, interaktive Grafiken und Schwarz-Weiß-Fotografien. Eine Besonderheit der Website ist es, dass man sich durch Scrollen horizontal durch die Seite und ihre Informationen bewegen kann.

Personensuche

Person 1: Helga Zöphel

Helga ist meine Oma und kommt für mich in die Auswahl der Alltagsheld*innen. Sie ist 76 Jahre alt, hat früher ein eigenes Modegeschäft geleitet und ist ein ordentlicher, aufgeschlossener und teils etwas sturer Mensch. Ich denke, dass ihr diese Sturheit sicher auch dabei geholfen hat, warum sie für meine Aufgabe in Frage kommen würde. Helga hat mit ihren beiden Geschwistern zusammen über viele Jahre deren Mutter gepflegt und ihre gesamte Freizeit dafür aufgebracht. Ihre Mutter war bettlägerig und konnte sich die letzten Jahre gar nicht mehr um sich selbst kümmern. Statt sie aber in ein Pflegeheim zu geben, haben dich ihre Kinder dafür entschieden sie in ihrer Wohnung gemeinsam mit einem Pflegedienst voll zu verpflegen. Alle drei Kinder haben täglich ihre Mutter besucht und ihr bei allen Lebensaufgaben geholfen, obwohl sie aufgrund ihrer ganzen Situation oft grantig und unfair ihrer Kinder gegenüber sich verhalten hat. Teilweise wurden sie von ihr angeschrien und wegen kleinster Dinge beschuldigt. Trotzdem haben sie bis zum Ende weiterhin ihre Mutter gepflegt mit großer Liebe und Fürsorglichkeit.

Persin 2: Katja Gerber

Katja ist meine Mutter und käme aufgrund ihres Berufes auch in die Auswahl für mein Projekt. Sie ist gelernte Kinderkrankenschwester, hat jedoch nach ihrer Ausbildung nicht auf der Kinderstation arbeiten können, da diese voll besetzt waren. Deshalb arbeitet sie seither auf der Neurologie, einer Halbintensiv-Station. Um noch besser qualifiziert im Bereich der Neurologie zu sein, hat sie vor ca. 10 Jahren eine mehrwöchige Weiterbildung zur Strake-Nurse gemacht. Trotz dessen, dass es eigentlich ihr Wunsch war, auf der Kinderstation zu arbeiten, ist sie auf ihrer jetzigen Station geblieben und damit auch zufrieden. Eine Herausforderung ihres Berufes sind die Menschen, die aufgrund eines Schlaganfalls oder einer Hirnblutung sich nicht zurecht finden, nicht wissen wo sie sind und sich teilweise auch gegen jegliche medizinische Maßnahmen wehren. Auch ist die steigende Respektlosigkeit eine zunehmende Herausforderung.

Person 3: Maria Gerber (siehe unten)

Maria Gerber ist die Person, für die ich mich letztendlich entscheiden habe.

Hilfsbereite Floristin Maria

Oma .pdf PDF Oma .pdf

Ordnungssysteme

Kategorien und Spannungsbogen.pdf PDF Kategorien und Spannungsbogen.pdf

Moodboard

Moodboards.pdf PDF Moodboards.pdf

Moodboard3.pdf PDF Moodboard3.pdf

Struktur

Bildschirmfoto 2025-02-04 um 20.31.08.pngBildschirmfoto 2025-02-04 um 20.31.08.png

Erste Entwürfe

Bildschirmfoto 2024-11-27 um 09.48.30.pngBildschirmfoto 2024-11-27 um 09.48.30.png

Weiterentwicklung

Bildschirmfoto 2025-02-04 um 20.37.50.pngBildschirmfoto 2025-02-04 um 20.37.50.png

Bildschirmfoto 2024-12-18 um 10.40.36.pngBildschirmfoto 2024-12-18 um 10.40.36.png

Veränderungen: 

-von einer Seite auf einzelne Unterseiten (Hauptaugenmerk Navigation über die Blütenblätter)

-von verspielter Schrift zu gerader Grotesk

Bildschirmfoto 2024-12-18 um 10.40.58.pngBildschirmfoto 2024-12-18 um 10.40.58.png

Zwischenpräsentation

Endpräsentation

Figma Änderungen und finaler Stand

Um den Unterseiten meiner Website einen einheitlicheren Look zu geben und das ganze generell etwas ordentlicher zu gestalten, habe ich noch einige Änderungen vorgenommen. Ich habe die Schrift des Fließtext, durch eine etwas engere, geradere Schrift getauscht und alle Bilder einheitlich in der jeweiligen Farbe des Frames bearbeitet, sodass man das Originalbild per Hover sehen kann.

Bildschirmfoto 2025-02-04 um 20.21.19.pngBildschirmfoto 2025-02-04 um 20.21.19.png

Webflow Final

Styleguide

Styleguide.jpgStyleguide.jpg

Präsentationsvideo

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Digital Storytelling (KD3)

Entstehungszeitraum

Wintersemester 2024 / 2025