1. Arbeitstitel & Titelbild
Schichtweise – Geschichten unter der Haut

2. Grundideen
Impulsvortrag – Digitale Helfer für ein einfacheres Leben mit chronischer Krankheit
Drei Ideen zu diesem Thema
1. Idee: Psoriasis (Ernährungs-App)
2. Idee: Bipolare Störung (Webstory)
3. Idee: Erste Hilfe bei chronisch Erkrankten (multimedial)
Am Ende entschied ich mich für die erste Idee, erweiterte den Fokus jedoch von Ernährung auf Psoriasis als Ganzes.




3. Kurzbeschreibung Projekt
Das Psoriasis Portal bietet fundierte Informationen rund um die chronische Hautkrankheit Psoriasis. Nutzerinnen und Nutzer können sich über Ursachen, Symptome und Behandlungsmöglichkeiten informieren. Erfahrungsberichte sowie visuell aufbereitete Inhalte erleichtern das Verständnis und schaffen Nähe. Eine Bildergalerie zeigt Psoriasis in unverfälschter Form, um einen realistischen Eindruck der Erkrankung zu vermitteln. Das Portal legt Wert auf emotionale Ansprache, klare Navigation und authentische Inhalte. Zusätzlich fördern Community-Elemente wie persönliche Beiträge das Gefühl von Zugehörigkeit. Ziel ist es, Betroffene zu unterstützen, aufzuklären und das Stigma rund um Psoriasis abzubauen.
4. Zielformulierung WHY HOW WHAT

5. Wettbewerbsanalyse & Eingrenzung der Zielgruppe

6. Recherche, Inhalte, Daten & Quellen
Storytelling oder Webportal?
Storytelling-Ansatz:
Ein Storytelling-Ansatz könnte einen emotionalen Zugang zum Thema Psoriasis schaffen. Durch eine klare Struktur aus Intro, Kapiteln und einem abschließenden Fazit ließen sich Wissen und persönliche Erfahrungen miteinander verknüpfen. Einzelne Kapitel könnten erklären, was Psoriasis ist, wie sich die Krankheit im Alltag zeigt oder welche psychischen Belastungen sie mit sich bringt. Interviews oder Einblicke in betroffene Lebenswelten könnten zusätzlich Nähe und Verständnis erzeugen.
Webportal-Ansatz:
Ein Webportal hingegen könnte Informationen strukturiert aufbereiten und unterschiedliche Bedürfnisse abdecken. Medizinische Inhalte, alltagstaugliche Tipps, Rezepte oder Hilfsangebote wären direkt auffindbar. Visuelle Inhalte wie Bilder oder Illustrationen würden komplexe Themen leichter verständlich machen.
Ich habe mich für das Webportal entschieden, um fundierte Informationen, Unterstützung und Austausch auf einen Blick zugänglich zu machen.




Finale Inhalte
Informationen über Psoriasis (Buchquelle)

Informationen über Psoriasis (Internetquellen)




Erfahrungsbericht

Quellen
Die Projektinhalte basieren auf Fachliteratur aus der Allgemeinmedizin: „Kursbuch Gesundheit“ von Verena Corazza et al. aus dem Jahr 2006.
Ergänzend nutzte ich wissenschaftliche Studien sowie gezielte Internetrecherchen.
Folgende Quellen wurden näher betrachtet:
– www.zdfheute.de (Biologika)
– www.zdfheute.de (Ernährung)
– www.sciencedirect.com (Artikel 1)
– www.sciencedirect.com (Artikel 2)
Der Erfahrungsbericht basiert auf meinen persönlichen Erlebnissen. Beim Schreibstil orientierte ich mich an folgenden Erfahrungsbeiträgen:
7. Personas
Persona 1: Yasmin Derici




Persona 2: Nina Wolf




8. User-Epics, User-Stories & User-Journey






9. Funktionsbeschreibung

10. Funktionsbewertung

11. Wireframes

Ich nutzte das Website Wireframes UI Kit von der BRIX Agency.
Startseite










Erfahrungsberichte










12. Moodboards
1. Moodboard: pinke Akzentfarbe, grainy Strukturen
(Struktur und Farbigkeit der Psoriasis aufgreifen)
2. Moodboard: Collage & Überlagerung (Flecken auf der Haut & und das Immunsystem aufzeigen)
3. Moodboard: Fotografie mit illustrativen Overlays (zur Akzentuierung betroffener Hautstellen)






13. Designvarianten








Ausarbeitung der 1. Variante
1. Runde – Einbringung neuer Ebenen












2. Runde – neue Gestaltungselemente & interaktive Elemente


















3. Runde – Varianten von Gestaltungselementen








4. Runde – Ausarbeitung der schwarzen Drahtmodell-Variante














5. Runde – Feinschliff














6. Runde – Bildbearbeitungsvarianten & Auflösung des Wireframe-Rasters
















Logovarianten

14. Finales Design
Startseite












Erfahrungsberichte (ungefiltert)








Erfahrungsberichte (gefiltert)








Blogartikel von N.








Galerie




15. Prototyping & Link




Link zum Figma-Prototypen:
Webflow-Link (Startseite & Bildergalerie, ideale Auflösung 1440px):
16. Styleguide

17. Screencast
18. Endpräsentation
19. Präsentationsvideo
20. Ausstellungssituation & Plakat





