01. Arbeitstitel und Titelbild

Vielseitig. Kreativ. Neurodivers.

A1 Plakat (2).png

02. Grundideen

Julie's KD6 UX_Storytelling Projekt - Projektideen (1).jpg

Impulsvortrag

UX_Storytelling KD6_compressed.pdf

03. Kurzbeschreibung Projekt

Neurodiversität ist weltweit verbreitet. Viele leben mit ADHS, Autismus, Dyslexie oder anderen Behinderungen, oft ohne es zu wissen. In diesem Webportal kann man Wissen, Fakten und Erfahrungen rund um neurodiverses Leben finden. Egal, ob man selbst betroffen ist, jemanden besser verstehen möchte oder neugierig ist: hier findet man Orientierung, Empathie und neue Perspektiven. Thematisiert werden unter anderem ADHS, Autismus, bipolare Störungen, Zwangsstörungen, Tourette Syndrom, Dyslexie, Dyskalkulie und Dyspraxie.

04. Zielformulierung WHY HOW WHAT

Julie's KD6 UX_Storytelling Projekt - Why How What (1).jpg

05. Eingrenzung der Zielgruppe

Julie's KD6 UX_Storytelling Projekt - Zielgruppe (2).jpg

06. Recherche, Inhalte, Daten & Quellen

Wettbewerbsanalyse

Julie's KD6 UX_Storytelling Projekt - Wettbewerbsanalyse (1).jpg

Recherche Webportal vs. Storytelling Webseite

Julie's KD6 UX_Storytelling Projekt - Analyse Webportale.jpg1.jpg Julie's KD6 UX_Storytelling Projekt - Analyse Webportale.jpg2.jpg
© Julia Roth
Julie's KD6 UX_Storytelling Projekt - Analyse Webportale.jpg1.jpg Julie's KD6 UX_Storytelling Projekt - Analyse Webportale.jpg2.jpg

Recherche Inhalt

Julie's KD6 UX_Storytelling Projekt - Recherche.jpg Julie's KD6 UX_Storytelling Projekt - Inhalt der Haupt-Info-Seiten.jpg
© Julia Roth
Julie's KD6 UX_Storytelling Projekt - Recherche.jpg Julie's KD6 UX_Storytelling Projekt - Inhalt der Haupt-Info-Seiten.jpg
UX-Inhalt.pdf

Recherche Daten/Statistiken

UX-Daten-Statistiken.pdf

Recherche Erfahrungsberichte

Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg1.jpg Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg2.jpg Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg3.jpg Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg4.jpg
© Julia Roth
Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg1.jpg Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg2.jpg Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg3.jpg Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (1).jpg4.jpg

Recherche Barrierefreiheit

Julie's KD6 UX_Storytelling Projekt - Weitere Inhalte (2).jpg

07. Personas

Persona 1: Annika Hennig

image (10).png Julie-s-KD6-UX-Storytelling-Projekt-Miro-05-13-2025_10_07_AM.png Julie's KD6 UX_Storytelling Projekt - Persona Board 1 (2).jpg
© Julia Roth
image (10).png Julie-s-KD6-UX-Storytelling-Projekt-Miro-05-13-2025_10_07_AM.png Julie's KD6 UX_Storytelling Projekt - Persona Board 1 (2).jpg

Persona 2: Luca Redner

image (9).png Julie-s-KD6-UX-Storytelling-Projekt-Miro-05-13-2025_10_06_AM.png Julie's KD6 UX_Storytelling Projekt - Persona Board 2 (2).jpg
© Julia Roth
image (9).png Julie-s-KD6-UX-Storytelling-Projekt-Miro-05-13-2025_10_06_AM.png Julie's KD6 UX_Storytelling Projekt - Persona Board 2 (2).jpg

08. User Epic & Stories

Julie's KD6 UX_Storytelling Projekt - User Epics & Stories.jpg

09. User Journey

Julie's KD6 UX_Storytelling Projekt - User Journey (1).jpg

10. Funktionsbeschreibung

Julie's KD6 UX_Storytelling Projekt - Funktionsbeschreibung.jpg

11. Funktionsbewertung

Julie's KD6 UX_Storytelling Projekt - Funktionsbewertung (1).jpg

12. Wireframes

UX-KD6-–-Figma-07-17-2025_11_49_PM.png

Ich habe das Wireframe-Kit der BRIX Agency benutzt.
https://www.figma.com/community/file/1273559454249379738

13. Moodboard

Julie's KD6 UX_Storytelling Projekt - Moodboard 1 (1).jpg Julie's KD6 UX_Storytelling Projekt - Moodboard 2.jpg Julie's KD6 UX_Storytelling Projekt - Moodboard 3 (1).jpg Julie's KD6 UX_Storytelling Projekt - Moodboard 4 (1).jpg
© Julia Roth
Julie's KD6 UX_Storytelling Projekt - Moodboard 1 (1).jpg Julie's KD6 UX_Storytelling Projekt - Moodboard 2.jpg Julie's KD6 UX_Storytelling Projekt - Moodboard 3 (1).jpg Julie's KD6 UX_Storytelling Projekt - Moodboard 4 (1).jpg

14. Designvarianten

Homepage Designvariante 1.png Homepage Designvariante 2.png Homepage Designvariante 3.png
© Julia Roth
Homepage Designvariante 1.png Homepage Designvariante 2.png Homepage Designvariante 3.png

Ausarbeitung der 3. Variante

Homepage Designvariante 31.png Homepage Designvariante 32.png
© Julia Roth
Homepage Designvariante 31.png Homepage Designvariante 32.png

15. Finales Design

Startseite

Vielseitig-Kreativ-Neurodivers--07-18-2025_12_02_AM.png1.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_02_AM.png2.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_02_AM.png3.png
© Julia Roth
Vielseitig-Kreativ-Neurodivers--07-18-2025_12_02_AM.png1.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_02_AM.png2.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_02_AM.png3.png

Wissenswertes

Wissenswertes-07-18-2025_12_03_AM.png1.png Wissenswertes-07-18-2025_12_03_AM.png2.png
© Julia Roth
Wissenswertes-07-18-2025_12_03_AM.png1.png Wissenswertes-07-18-2025_12_03_AM.png2.png

Wissenswertes-Unterseiten

Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png1.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png2.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png3.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png4.png
© Julia Roth
Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png1.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png2.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png3.png Vielseitig-Kreativ-Neurodivers--07-18-2025_12_03_AM.png4.png

17. Styleguide

Styleguide (3).png

18. Screencast

Screencast Figma

Screencast Webflow

19. Endpräsentation

UX KD6.pdf

20. Präsentationsvideo

21. Ausstellungssituation & Plakat

A1-Plakat-UX-Neurodiversität.jpg UX-KD6-–-Figma-07-18-2025_12_15_AM.png
© Julia Roth
A1-Plakat-UX-Neurodiversität.jpg UX-KD6-–-Figma-07-18-2025_12_15_AM.png
20250711_125248.jpg 20250711_125238.jpg
© Julia Roth
20250711_125248.jpg 20250711_125238.jpg