01 — Clear order
Finding
Newcomers struggled to understand task order and dependencies.
Design response
An ordered roadmap showing current, upcoming, and blocked steps.
Klar
A clearer path through German bureaucracy.
Mobile App · Relocation / Civic Tech
- Project type
- Capstone team project
- Role
- End-to-End UX/UI Designer
- Team
- 2 designers
- Timeline
- 4 weeks · 2026
- Scope
- Research · User Flows · Wireframing · UI Design · Prototyping
- Figma
- FigJam
- Discord
- Google Sheets
- Maze
Overview
A clearer start in a new city.
Klar is a mobile app concept helping newcomers navigate their first months in Berlin. It brings administrative tasks into a personalized roadmap, showing what comes first, what may block progress, and how to prepare.
The Problem
Finding information wasn’t enough.
Newcomers struggled to understand which administrative steps applied to them, what came first, and which documents to prepare. Information scattered across official websites and personal advice made the process difficult to follow.
16/21
survey respondents feared making a mistake.
Klar discovery survey · 21 respondents
Research Insights
Clarity starts with knowing what’s next.
21 survey responses · 4 interviews
02 — Preparation
Finding
Unclear document requirements made appointment preparation difficult.
Design response
Preparation guidance within each task.
03 — Trust
Finding
Conflicting advice left users unsure which information to trust.
Design response
Plain-language guidance linked to official sources.
Personalization
A roadmap shaped around your situation
We used the reason for moving and already completed tasks to shape an initial roadmap, giving newcomers a starting point relevant to their situation.
01 / 07 · Know what comes first, what it unlocks, and how to prepare
Core experience
One clear next step. The bigger picture when needed.
Research highlighted uncertainty about task order and dependencies. We separated the immediate next action from the full roadmap: the dashboard highlights what needs attention now, while the roadmap shows the wider sequence.
01 / 07 · Dashboard
Source-linked guidance
Clear explanations. A source to check.
Conflicting advice left newcomers unsure what to trust. We designed the AI helper to pair plain-language explanations with official references, giving users a way to check the guidance.
01 / 02 · Try asking
Project Outcome
A research-informed concept, brought into an interactive prototype.
Over four weeks, we created a high-fidelity mobile prototype connecting personalized onboarding, a task roadmap, document preparation, and source-linked guidance.
The prototype demonstrates the proposed experience. Usability testing and administrative content review remain the next steps.
Personalized starting point
Setup based on the user’s situation
Clear task sequence
Dashboard and connected roadmap
Preparation within reach
Documents and appointment guidance
Reflection
Making the next step clear takes more than a checklist.
The hardest part was deciding what users need now while keeping the wider process understandable. Task order also depends on individual circumstances, so the roadmap needs to distinguish required prerequisites from recommended steps.
Next, I would test whether newcomers can identify their next action, understand blockers, and find preparation requirements without assistance.
