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