1. Arbeitstitel & Titelbild

Schichtweise – Geschichten unter der Haut

Titelbild_final.jpg

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

KD6 Nicis UX-Brainstorming - Why How What final.jpg

5. Wettbewerbsanalyse & Eingrenzung der Zielgruppe

KD6 Nicis UX-Brainstorming - Zielgruppenanalyse final (2).jpg

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)

KD6 Nicis UX-Brainstorming - Buchquelle.jpg

Informationen über Psoriasis (Internetquellen)

Erfahrungsbericht

KD6 Nicis UX-Brainstorming - Artikel (1).jpg

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

– www.zdfheute.de (Biologika)

– www.zdfheute.de (Ernährung)

– www.barmer.de

– www.sciencedirect.com (Artikel 1)

– www.sciencedirect.com (Artikel 2)

– edoc.rki.de

Der Erfahrungsbericht basiert auf meinen persönlichen Erlebnissen. Beim Schreibstil orientierte ich mich an folgenden Erfahrungsbeiträgen:

– www.thesun.ie

– www.papaa.org

– www.newsweek.com

– www.womenshealthmag.com

– www.dailymail.co.uk

– www.gloucestershirelive.co.uk

– www.independent.co.uk

7. Personas

Persona 1: Yasmin Derici

Persona 2: Nina Wolf

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

9. Funktionsbeschreibung

KD6 Nicis UX-Brainstorming - Funktionsbeschreibung (1).jpg

10. Funktionsbewertung

KD6 Nicis UX-Brainstorming - Funktionsbewertung.jpg

11. Wireframes

Screenshot 2025-07-18 193900.png

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

Startseite

Erfahrungsberichte

Klickbarer Prototyp in Figma

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

Logovarianten.png

14. Finales Design

Startseite

Erfahrungsberichte (ungefiltert)

Erfahrungsberichte (gefiltert)

Blogartikel von N.

Galerie

16. Styleguide

Styleguide.jpg

17. Screencast

18. Endpräsentation

19. Präsentationsvideo

20. Ausstellungssituation & Plakat