Web App2026

Deutsch A1 - Exam Preparation App

Structured the learning flow so users understand what to do at each step.

UX DesignDesign SystemEdTech
Deutsch A1 - Exam Preparation App

Overview

Designed a structured learning flow that improves clarity and helps users track progress.

Context

This project focuses on designing a website and mobile app for learners preparing for the Goethe A1 exam.Users are beginners with limited time, low confidence, and no clear structure for exam preparation. They need a simple way to practice and understand their progress.

Problem

Users prepare for the exam without a clear structure.

  • no exam-based flow
  • no module structure
  • unclear progress

Goal

Design a learning experience aligned with the Goethe A1 exam. Help users move through tasks, track progress, and stay focused.

Solution

A structured learning flow based on exam modules.

  • Exam-based modules
  • Linear task flow
  • Immediate feedback after each task
  • Progress tied to exam skills

User Flow

  • Module
  • Task
  • Feedback
  • Next task
Deutsch A1 - Exam Preparation App user flow

Key UX Decisions

One primary action per screen

  • users focus on one task

Progress shown inside each module

  • progress is visible and clear

Simple linear flow

  • no need to decide where to go next

Focus Mode

  • removes distractions
  • users see only the task and progress

Feedback

  • clear feedback after each answer
  • helps users understand mistakes and continue

Validation

Tested with 5 users

  • Low button visibility -> increased contrast.
  • Users hesitated before tapping -> primary CTA size increased.
  • Unclear error states → added clear feedback.

Result: Users completed tasks more confidently with fewer mistakes.

Result

Users understand:

  • where they are
  • what to do next
  • how they are progressing

Users complete tasks with fewer mistakes and move through the flow with more confidence.

Visual System

A calm color palette, clear hierarchy, and minimal UI support focus and readability during learning.

AI in the Process

AI supported:

  • research
  • text structuring
  • ideation

Limitations:

  • outputs were generic
  • required manual refinement

Final decisions were made manually.

Learnings

  • Structure defines usability in learning products.
  • Reducing choices improves task completion.
  • AI accelerates early stages but requires control.

Conclusion

I designed a learning flow aligned with the exam structure, focusing on clarity, progress, and task-based interaction. Next step: test with more users and refine interaction details.