PROZESS

1 - Arbeitstitel und Titelbild

hgf,jgf.png

EYE KNOW

2 - Themenfindung

Impulsvortrag Diabetes

Themenfindung

Augengesundheit 

Angststörung

Wie weit darf die Medizin in die menschliche Natur eingereifen?

Diabetes

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.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. 

6 - Interview Optikerin

Bildschirmfoto 2025-07-20 um 19.59.14.png
IMG_7713.JPG

7 - Inhaltsstruktur

8 - Recherche, Daten, Quellen

9 - Moodboards

10 - Designvarianten

Bildschirmfoto 2025-05-28 um 14.09.18.png

11 - Zwischenpräsentation

Stand Zwischenpräsentation 28.05.2025

Bildschirmfoto 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.

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

___________________________________

FERTIGES PROJEKT

Endpräsentation

Figma Prototyp

Screencast

Link:

https://www.figma.com/proto/MW2hayHZ2ODEbAtIyVWBew/Eye-Care?page-id=149%3A2962&node-id=149-2963&viewport=-11160%2C-1410%2C0.66&t=5nQp2M1T0FeeN3aM-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=149%3A2963

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.

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.png

Ausstellungssituation

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