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

EYE KNOW

EYE KNOW widmet sich der Aufklärung rund um das Thema Augengesundheit. Es wird auf interaktive und emotionale Weise für die Funktionsweise des Auges, häufige Augenkrankheiten und präventive Maßnahmen sensibilisiert.

PROZESS

1 - Arbeitstitel und Titelbild

hgf,jgf.pnghgf,jgf.png

EYE KNOW

2 - Themenfindung

Impulsvortrag Diabetes

Diabetes Impulsvortrag.pdf PDF Diabetes Impulsvortrag.pdf

Themenfindung

Augengesundheit 

Angststörung

Wie weit darf die Medizin in die menschliche Natur eingereifen?

Diabetes

Bildschirmfoto 2025-07-20 um 19.45.55.pngBildschirmfoto 2025-07-20 um 19.45.55.png
Bildschirmfoto 2025-07-20 um 19.45.25.pngBildschirmfoto 2025-07-20 um 19.45.25.png
Bildschirmfoto 2025-07-20 um 19.45.12.pngBildschirmfoto 2025-07-20 um 19.45.12.png
Bildschirmfoto 2025-07-20 um 19.44.53.pngBildschirmfoto 2025-07-20 um 19.44.53.png

3 - Projektbeschreibung

EYE KNOW widmet sich der Aufklärung rund um das Thema Augengesundheit. Es wird auf interaktive und emotionale Weise für die Funktionsweise des Auges, häufige Augenkrankheiten und präventive Maßnahmen sensibilisiert.

Durch ein interaktives 3D-Modell, welches die einzelnen Schichten des Auges und seine Funktion zeigt, Animationen, welche die Krankheiten fühlbar machen sollen, Videosequenzen eines Auges, welches das Thema nahbarer machen soll sowie Überlagerungen verschiedener Augenkrankheiten wird das Thema Augenkrankheit und Augengesundheit dem Nutzer näher gebracht.

4 - Why How What

Bildschirmfoto 2025-07-20 um 19.56.26.pngBildschirmfoto 2025-07-20 um 19.56.26.png

5 - Zielgruppeneinteilung und Sinusmilieu

Da das Thema ein weites Spektrum an Gruppen betrifft, hatte die Einteilung in das Sinusmilieu in diesem Fall nicht allzu viel geholfen. 

Bildschirmfoto 2025-07-20 um 19.57.19.pngBildschirmfoto 2025-07-20 um 19.57.19.png
Bildschirmfoto 2025-07-20 um 19.57.47.pngBildschirmfoto 2025-07-20 um 19.57.47.png

6 - Interview Optikerin

Bildschirmfoto 2025-07-20 um 19.59.14.pngBildschirmfoto 2025-07-20 um 19.59.14.png

--2.jpg--2.jpg
--3.jpg--3.jpg
--4.jpg--4.jpg

IMG_7713.JPGIMG_7713.JPG

7 - Inhaltsstruktur

Bildschirmfoto 2025-07-20 um 20.03.12.pngBildschirmfoto 2025-07-20 um 20.03.12.png
Bildschirmfoto 2025-07-20 um 20.04.33.pngBildschirmfoto 2025-07-20 um 20.04.33.png
Bildschirmfoto 2025-07-20 um 20.04.45.pngBildschirmfoto 2025-07-20 um 20.04.45.png
Bildschirmfoto 2025-07-20 um 20.05.43.pngBildschirmfoto 2025-07-20 um 20.05.43.png
Bildschirmfoto 2025-07-20 um 20.06.46.pngBildschirmfoto 2025-07-20 um 20.06.46.png

8 - Recherche, Daten, Quellen

Recherche_Quellen_ML.pdf PDF Recherche_Quellen_ML.pdf

9 - Moodboards

Bildschirmfoto 2025-07-20 um 22.10.15.pngBildschirmfoto 2025-07-20 um 22.10.15.png
Bildschirmfoto 2025-07-20 um 22.10.23.pngBildschirmfoto 2025-07-20 um 22.10.23.png
Bildschirmfoto 2025-07-20 um 22.10.06.pngBildschirmfoto 2025-07-20 um 22.10.06.png

10 - Designvarianten

Bildschirmfoto 2025-05-28 um 14.09.18.pngBildschirmfoto 2025-05-28 um 14.09.18.png

11 - Zwischenpräsentation

Untitled.pdf PDF Untitled.pdf

Stand Zwischenpräsentation 28.05.2025

Bildschirmfoto 2025-05-28 um 14.08.43.pngBildschirmfoto 2025-05-28 um 14.08.43.png

12 - Spline Modell, Videosequenzen, Animationen

Um die Funktionsweise des Auges auf interaktive Weise zu erklären, wurde ein 3D-Modell der einzelnen Schichten des Auges mit Spline erstellt. 

Es wurden insgesamt 10 Spline Modelle erstellt (dupliziert und angepasst), welche jeweils die Veränderung des Auges mit einer bestimmten Augenkrankheit zeigten.

Bildschirmfoto 2025-07-20 um 22.01.30.pngBildschirmfoto 2025-07-20 um 22.01.30.png
Bildschirmfoto 2025-07-20 um 22.00.58.pngBildschirmfoto 2025-07-20 um 22.00.58.png

Außerdem wurden kurze Videosequenzen eines Auges aufgenommen (siehe Website), welche dem Nutzer das Thema noch nahbarer machen

___________________________________

FERTIGES PROJEKT

Endpräsentation

EyeKnowPräsi.pdf PDF EyeKnowPräsi.pdf

Figma Prototyp

Screencast

Webflow

Screencast Desktop

Webflow-Link (am besten in Chrome öffnen: Bei Safari funktioniert kein Sticky, sowie ein paar Elemente verschoben)

https://eye-know.webflow.io/

Die Website ist teilweise responsiv – Smartphone Viewport wurde angepasst, jedoch kein Tablet Viewport.

Screencast Mobile

Präsentationsvideo

Broschüre

Ergänzend zur Website wurden sechs Auflagen einer Broschüre erstellt. Diese beinhaltet Informationen aus der Website. Es wurde bei den Augenerkrankungen mit transparentem Papier gearbeitet, auf welchem die Krankheit „bedruckt“ wurde, um den Überlagerungs-Effekt der Website wieder aufzugreifen.

DSC01359.jpgDSC01359.jpg
DSC01360.jpgDSC01360.jpg
DSC01361.jpgDSC01361.jpg
DSC01362.jpgDSC01362.jpg
DSC01364.jpgDSC01364.jpg
DSC01363.jpgDSC01363.jpg
DSC01365.jpgDSC01365.jpg
DSC01366.jpgDSC01366.jpg
DSC01369.jpgDSC01369.jpg
DSC01367.jpgDSC01367.jpg
DSC01368.jpgDSC01368.jpg
DSC01370.jpgDSC01370.jpg
DSC01371.jpgDSC01371.jpg
DSC01372.jpgDSC01372.jpg
DSC01375.jpgDSC01375.jpg
DSC01373.jpgDSC01373.jpg

Augmented Reality

Ergänzend zur Website und für eine Ausstellungssituation wurden Plakate im Sehtest-Stil erstellt, welche eine aufmerksamkeitserregende Frage stellen. Wird der QR-Code eingescannt und Adobe Aero (keine zusätzliche App nöig für den Nutzer) geöffnet, erscheint auf dem Bildschirm die zugehörige Augenkrankheit als Überlagerung.

Ausstellung

Plakat

Bildschirmfoto 2025-07-20 um 23.07.59.pngBildschirmfoto 2025-07-20 um 23.07.59.png

Ausstellungssituation

Ausgestellt wurden die Website, AR-Plakate und Broschüren.

IMG_8967.JPGIMG_8967.JPG
IMG_8986.JPGIMG_8986.JPG

Ein Projekt von

Fachgruppe

Sonstiges

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2025