Deutschland Box
Ein Digitaler Begleiter für Migrant:innen
Jahr
2025
Zeitraum
3 Monate
Kernkompetenzen
UX Research, Wireframing, Prototyping, Usability-Tests, UI Design, Design Systems, Barrierefreiheit und Inklusion, KI-gestützter Workflow
Ergebnisse/Links
Case Study, High-Fidelity Prototype
Über das Projekt
Viele Migrantinnen suchen verlässliche Informationen über den Weg nach Deutschland – von der Vorbereitung bis zur Einbürgerung. Die D-Box soll diesen Prozess verständlich, zugänglich und motivierend begleiten. Auf Basis von User Research entstanden klare User Flows, Prototypen und ein inklusives UI-Design, das Orientierung bietet und Informationen leicht zugänglich macht.
Team & Rolle
UX/UI Designer Einzelprojekt
Methoden
Problem Framing, Interviews & Umfragen, Affinity Mapping, Personas, Wettbewerbsanalyse, User Journey, Sitemap, User Flow, Business Model Canvas, Informationsarchitektur, Wireframing, Prototyping, Usability Testing, KPIs & UX-Metriken
Tools
Miro, Figma, ChatGPT, Adobe Photoshop, Fireflies.ai, Illustration von Icons8
Problem & Ziel
->Warum brauchen Migrant:innen die D-Box?
Migrant:innen stehen vor vielen Herausforderungen: Sie sind mit Informationsflut und Sprachbarrieren konfrontiert. Viele Inhalte sind nur auf Deutsch oder in schwer verständlicher Sprache. Gleichzeitig wissen sie oft nicht, welche Schritte wirklich wichtig sind, was zu großen Unsicherheiten und Problemen führt.
-> Welches Ziel hat die D-Box?
Die Website begleitet Menschen Schritt für Schritt auf ihrem Weg nach und in Deutschland — von der Entscheidung und Vorbereitung über die Ankunft bis zur Integration und Einbürgerung. Sie bündelt alle wichtigen Informationen an einem Ort, ist mobil nutzbar und funktioniert ohne App-Zwang oder Login. Sie unterstützt dabei, Migration gut informiert, sicher und realistisch zu planen.
-> Welchen Mehrwert hat die D-Box?
Die D-Box begleitet Nutzer:innen durch alle Phasen ihres Weges und hilft ihnen, selbstwirksam zu handeln zu können. Sie bietet mehrsprachige Inhalte, zeigt Chancen und Risiken auf und liefert klare Anleitungen, visuelle Hilfen und vertrauenswürdige Kontakte – alles in einfacher Sprache und kulturell sensibel.
User Research
-> Wichtige Zitate Interviews
“
Ich wollte andere Menschen nicht stören.
Ich war mir die ganze Zeit unsicher, ob ich Fehler gemacht habe.
“
Alles war auf Deutsch. Wirklich alles.
“
-> Erkenntnisse Umfrage
Aus der Umfrage zeigte sich, dass viele Nutzer:innen die Website mobil nutzen und keine Apps installieren wollen. Deshalb speichert die D-Box Spracheinstellungen und Fortschritt lokal im Browser, sodass Nutzer:innen den Prozess Schritt für Schritt verfolgen können, ohne App-Zwang.
-> Persona
Foto von Melvin Ankrah auf Unsplash
„Hallo, ich bin Alieu. Ich möchte nach Deutschland, um für mich und meine Familie ein besseres Leben aufzubauen.“
-
Name: Alieu
Alter: 29
Geschlecht: Männlich
Schulabschluss: Senior Secondary School (WASSCE) – Abschluss nach 12 Jahren Schulzeit, vergleichbar mit einem mittleren Schulabschluss
Beruf/Rolle: Gelegenheitsarbeiter (Bau, Marktarbeit), sucht Perspektive
Standort: Banjul, Gambia
Herkunft: Gambia
Sprachkenntnisse: Mandinka (Muttersprache), Englisch, Deutsch A2
Technische Ausstattung: Smartphone mit Internetzugang
-
Alieu kommt aus Banjul, der Hauptstadt Gambias. In der Stadt gibt es kaum Perspektiven für junge Menschen: Die Arbeitslosigkeit ist hoch, viele Jobs sind gelegentliche oder informelle Tätigkeiten ohne festen Vertrag oder soziale Absicherung, und Jugendliche haben nur wenige Möglichkeiten, sich beruflich oder finanziell unabhängig zu machen. Alieu musste schon früh die Familie unterstützen, da seine Mutter krank ist.
-
Denkt über die Migration nach Deutschland nach, hat bisher vor allem von den lebensgefährlichen Wegen über das Meer gehört
Lernt Deutsch über eine App, um vorbereitet zu sein, falls er nach Deutschland kommt
Sucht online nach Informationen über Migration
-
Begrenzte Perspektiven in Gambia: Trotz Schulabschluss (Senior Secondary School, WASSCE) keine Berufsausbildung, musste früh die Familie unterstützen → wenige Jobmöglichkeiten
Unsicherheit: Welche Wege nach Europa sind legal und sicher?
Überforderung durch unübersichtliche Informationen
Angst vor Fehlentscheidungen und Risiken auf der Flucht
-
Ein sicheres Leben führen, ohne sich selbst oder die Familie zu gefährden
Eine stabile Zukunft aufbauen und die Familie unterstützen
Verlässliche Informationen bekommen, die er verstehen und anwenden kann
Chancen entdecken, legal nach Deutschland zu kommen
Fähigkeiten entwickeln, z. B. Deutsch lernen, um später bessere Möglichkeiten zu haben
-
Alieu möchte der engen Lebensrealität in Gambia entkommen und sich eine sichere Zukunft voller Möglichkeiten aufbauen. Er sucht nach legalen Wegen, um sein Leben zu verändern, seine Familie zu unterstützen.
-> User Journey - Alieu* endeckt das Visum für eine Ausbildungsplatzsuche
Design & Iteration
Ausgehend von Low-Fidelity Wireframes habe ich erste Ideen zur Struktur und Navigation getestet. Ziel war es, ein flaches Design zu entwickeln – ohne komplexe Verschachtelungen, klar gegliedert und leicht zu bedienen.
-> Responsive Variante
Design System
-> Schriftwahl
Nunito Sans ist eine klare, gut lesbare und freundliche Schrift, die sich besonders für Websites eignet, die Menschen mit unterschiedlichen sprachlichen Hintergründen ansprechen. Sie ist barrierearm, wirkt zugänglich und vertrauensvoll und unterstützt mehrsprachige Inhalte, sodass alle Nutzer:innen Texte korrekt und verständlich wahrnehmen können.
-> Farb- und Illustrationswahl
Die Blautöne dienen als Hauptfarbe für Schrift und erklärende Icons, da Blau Vertrauen, Sicherheit und Klarheit vermittelt. Pastellfarben markieren unterschiedliche Phasen. Step-Indikatoren in Blau zeigen die aktuellen und vergangenen Schritte eines Prozesses und ermöglichen die Navigation zwischen ihnen. Progress-Indikatoren in Grün visualisieren den Gesamtfortschritt durch den Prozess. Orange hebt CTAs hervor und lenkt die Aufmerksamkeit auf wichtige Aktionen. Ergänzend sorgen Illustrationen aus Figma dafür, dass Inhalte aufgelockert, verständlich und freundlich wirken.
Usabilitytest
Ich habe den interaktiven Prototypen mit Testnutzern überprüft, um zu sehen, ob zentrale Funktionen leicht verständlich sind. Dabei zeigte sich:
Die Spracheinstellung wurde sofort gefunden und intuitiv genutzt.
Der Call-to-Action im Hero-Bereich wurde gut wahrgenommen, aber die Funktionsweise der Website musste klarer erklärt werden.
Die Bezeichnung der Phasen (z. B. „Phase 1“) war unverständlich – Nutzer wussten nicht, was sich dahinter verbirgt.
Auf Basis des Feedbacks habe ich die Phasen umbenannt und reduziert – aus fünf wurden vier klar verständliche Schritte: Vorbereitung, Ankunft, Integration und Einbürgerung. Dadurch wirkt der Einstieg jetzt deutlich strukturierter und nachvollziehbarer.
High-Fidelity Prototyp
Damit Menschen wie Alieu wirklich von der Website profitieren, habe ich sie nach klaren Designprinzipien gestaltet: Die Website ist zugänglich, einfach, vertrauenswürdig, mobil nutzbar und barrierefrei. Die D-Box begleitet Nutzer Schritt für Schritt durch alle Phasen – von der Vorbereitung bis zur Einbürgerung – vollständig mehrsprachig, realistisch, verständlich und ohne App-Zwang. Durch diese begleitende Struktur können Nutzer selbstwirksam durch den Prozess gehen, während einfache Sprache zusätzlich das Verständnis unterstützt und Sicherheit, Orientierung und Zuversicht vermittelt.
Ausblick
Viele greifen mobil zu, daher plane ich, das Projekt als Progressive Web App (PWA) weiterzuentwickeln, um Inhalte auch offline und dauerhaft nutzbar zu machen. Die Website soll weiter entwickelt und optimiert werden, um Nutzer:innen bestmöglich und nach individuellen Gegebenheiten zu unterstützen.
Bitte kontaktieren Sie mich bei Fragen, Anmerkungen oder für mehr Informationen.
