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