UI/UX Design

Lumi Self Care Planner

Eine App, die nicht managed, sondern versteht.

Ein Calm-Design-Ansatz für Menschen, die unter dem Druck starrer To-Do-Listen leiden.

UX/UI Designer
4 Monate
Figma, Miro, FigJam
Lumi Self Care Planner
ÜBERBLICK

Das Projekt auf einen Blick

Herausforderung

Klassische Produktivitäts-Apps erzeugen Schuldgefühle und Stress statt Unterstützung. Nutzer brauchen ein Tool, das ihre Energie respektiert.

Ziel

Eine Self-Care-App entwickeln, die nach dem Befinden fragt, bevor sie Aufgaben zeigt - ohne Gamification-Manipulation.

Ergebnis

100% Task Completion Rate im Usability Test, 44% höhere Nutzerzufriedenheit (SUS-Score von 89).

01 — PROBLEM

App-Guilt statt Produktivität

Wenn ich die App öffne und die Liste mit roten Aufgaben sehe, klappe ich den Laptop wieder zu.
Grafikdesignerin, 28, Homeoffice

Klassische Produktivitäts-Tools agieren wie Kontrolleure. Sie erzeugen 'App-Guilt' durch starre Deadlines und überladene Interfaces. Meine Interviews zeigten: Das Problem ist nicht mangelndes Zeitmanagement, sondern das Fehlen von Erlaubnis, an schlechten Tagen weniger zu tun.

78%
fühlen sich von To-Do-Apps gestresst
3/5
Nutzer löschen Apps wegen Schuldgefühlen
89%
wünschen sich empathischere Tools

Toxische Erfolgskontrolle

Bestrafung durch rote Symbole und verlorene Streaks statt Anerkennung von Bemühungen.

Morgendlicher Schock-Moment

Überforderung durch die Konfrontation mit Altlasten direkt nach dem Aufwachen.

Fragmentierung der Selbstfürsorge

Nutzer müssen externe Tools missbrauchen, um emotionale Unterstützung zu finden.

Inspirations-Angst

Neue Ideen werden als zusätzliche Last empfunden, da sie sofort in die To-do-Logik gepresst werden.

02 — RESEARCH

Discover: Tiefgehende Nutzerforschung

Durch qualitative Interviews und Journey Mapping habe ich die emotionalen Schmerzpunkte meiner Zielgruppe identifiziert.

L

Leni

29 JahreFreiberufliche Grafikdesignerin
Ich brauche kein Tool, das mich kontrolliert. Ich brauche einen digitalen Coach, der meine Energie versteht.

Goals

  • Weniger Schuldgefühle beim Planen
  • Flexibilität je nach Tagesform
  • Ästhetik als Motivation

Frustrations

  • Rote Deadlines triggern Stress
  • Keine Rücksicht auf Energielevel
  • Zu viele Funktionen

"Nutzer fühlen sich 'nackt', wenn ihr Planer nicht griffbereit ist"

Interview Jenny, Marketing Managerin

"Das Gefühl, eine Verabredung mit sich selbst zu schwänzen"

Interview Leni, Designerin

"Ich brauche die Erlaubnis, den Stift wegzulegen"

Interview Jenny

Externe Faktoren

Systematische Analyse der politischen, wirtschaftlichen, sozialen, technologischen, ökologischen und rechtlichen Faktoren.

PESTEL Analysis

Chancen & Risiken

Analyse der Wettbewerbsintensität, Marktentwicklung und Identifikation von Nischenmöglichkeiten.

Market Analysis

5 Kräfte nach Porter

Von Kundenpower bis zu neuen Marktteilnehmern - strategische Positionierung im Markt.

Market Map - Porter's Five Forces

Lernen von Finch

Finch nutzt emotionale Manipulation durch ein virtuelles Haustier. Mein Ansatz: Empowerment statt Abhängigkeit.

Nutzerbindung
Finch: Zeigarnik-Effekt & Emotionale Last
Lumi: Abschluss ohne Druck - unerledigtes wird sanft archiviert
Belohnung
Finch: Variable Belohnungspläne (Dopamin-Kicks)
Lumi: Innere Belohnung - Fokus auf echte Erholung
Interaktion
Finch: Buntes, kindliches Design
Lumi: Ruhige, ästhetische Optik (wie ein High-End-Journal)
03 — DEFINE

Schlüsselentscheidungen

Basierend auf den Research-Erkenntnissen habe ich die wichtigsten Design-Prinzipien definiert.

Das 'Anti-Finch'-Prinzip

Before

Spielerische Abhängigkeit durch leidendes Haustier

After

Radikale Entlastung ohne Schuldgefühle

Das Design soll keine Schuldgefühle triggern, sondern Sicherheit geben.

Vom starren Planer zum energetischen Rhythmus

Before

Priorisierung per Drag & Drop

After

Interface, das Energielevel validiert

Nutzer brauchen keine neue Sortiermethode, sie brauchen Anerkennung.

Calm Design statt Feature-Overload

Before

Komplexe Filter und Optionen

After

Energetische Blobs als visuelle Metapher

Reduktion auf den Kern: 'Was fühle ich?' statt 'Was muss ich tun?'

04 — IDEATE

Von der Idee zur Struktur

Entwicklung von Konzepten durch Idea Napkin, Sitemap und erste Skizzen.

Idea Napkin

Drei Konzeptideen mit Problem-Lösung-Mehrwert-Analyse.

Idea Napkin

Sitemap

Die Navigationsstruktur der App mit allen Hauptbereichen und Unterfunktionen.

App Sitemap

Vom Papier zum Pixel

Meine ersten Ideen entstanden analog - schnelle Skizzen, die den Kern der Interaktion erfassen.

Live

Einstellungen Screen

Erste Ideen fur Funktionen

Live

Menu Flow

Navigation & Aufgaben-Pool

Live

Dashboard Iteration

Energielevel-Anzeige

05 — DESIGN

Vom Wireframe zum Prototyp

Schrittweise Verfeinerung von Lo-Fi über Mid-Fi zum finalen High-Fidelity Design.

Lo-Fi Wireframes

Erste niedrigtreue Wireframes zur Validierung der grundlegenden Struktur und Navigation.

Lo-Fi Wireframes

Mid-Fi Wireframes

Detailliertere Wireframes mit User Flow, Interaktionsmustern und Content-Platzierung.

Mid-Fi Wireframes
HIGH-FIDELITY DESIGN

Lumi - Dein empathischer Begleiter

Energy Check-in

Der erste Screen fragt nicht nach Aufgaben, sondern nach dem Befinden. Die Blobs dienen als visuelle Metapher für den Energielevel.

Dynamisches Dashboard

Aufgaben werden nach dem heutigen Energielevel gefiltert. Der Nutzer sieht nur das, was er heute realistisch schaffen kann.

Aufgaben-Pool

Hier 'parken' Aufgaben, die bei niedrigem Energielevel ausgeblendet werden. Sie verschwinden nicht, verursachen aber keinen Stress.

Fresh Start Logic

Nach 3+ Tagen Pause bietet die App automatisch einen 'Clean Slate' an - Neustart ohne schlechtes Gewissen.

INTERAKTIVER PROTOTYP

Erlebe Lumi selbst

Teste den interaktiven High-Fidelity-Prototyp direkt hier oder öffne ihn in Figma für die vollständige Ansicht.

06 — TEST & VALIDATE

Validierung durch echte Nutzer

Usability Testing mit 5 Testpersonen und Iteration basierend auf den Erkenntnissen.

Task Completion Rate

Before
40%
After
100%
+150%

Zeit für Aufgabenanpassung

Before
45 Sek.
After
12 Sek.
-73%

Nutzerzufriedenheit (SUS)

Before
62
After
89
+44%

Nutzer zögerten bei der Aufgaben-Priorisierung

Einfache Sprache und große, klickbare Flächen (44x44 DP)

Die farblichen Labels waren nicht selbsterklärend

Erklärende Icons und Tooltips hinzugefügt

Der '+'-Button für neue Aufgaben war schwer zu finden

Button prominenter in der Mitte platziert

HEART-Modell

Framework zur Messung des UX-Erfolgs mit konkreten Metriken und Datenquellen.

HEART Model
DESIGN IMPACT

Wie Lumi die Interaktion mit Produktivität verändert

Meine Arbeit an Lumi ging weit über das visuelle Interface-Design hinaus. Das primäre Ziel war die Schaffung einer 'Calm Design'-Umgebung.

Reduktion der kognitiven Belastung

Durch die Einführung der energieabhängigen Aufgabenfilterung wird der Nutzer bei niedrigem Energieniveau nicht mit überladenen Aufgabenlisten konfrontiert.

Spürbare Reduktion von 'App-Guilt' und messbare Steigerung der Retention.

Usability durch iteratives Testing

Usability-Tests ergaben, dass abstrakte Filter-Labels nicht intuitiv verstanden wurden. Lösung: Entwicklung visueller Metaphern ('Blobs').

Task Completion Rate stieg von 40% auf 100%.

Accessibility First

Das Projekt wurde nach WCAG-Prinzipien konzipiert mit präzisen ARIA-Labels und Target-Size-Standards (44x44 DP).

Inklusives Nutzererlebnis für alle Nutzergruppen.

AI-Integration im Design-Prozess

Einsatz von KI zur automatisierten Clusterung von qualitativen Interview-Transkripten.

Zeit für Nutzerforschung um ca. 30% reduziert.

Motion als Kommunikation

Massgeschneiderte Animationen in Figma als 'Single Source of Truth' fur Entwickler.

Prazisere Kommunikation als statische Mockups.

Optimierungspotenziale

Identifizierte UX-Probleme und konkrete Losungsansatze fur zukunftige Iterationen.

Optimization Potential

Barrierefreiheit & Inklusion

Checkliste fur barrierefreies Design mit konkreten Massnahmen fur alle Nutzergruppen.

Accessibility Checklist
07 — ERGEBNISSE

Impact & Learnings

Die wichtigsten Erkenntnisse und nachsten Schritte fur das Projekt.

Erfolgsmetriken

Happiness

Nutzerbewertung > 4.5/5 zum Wohlbefinden nach der Planung

Engagement

Tagliche Energy-Checks pro Nutzer > 1

Retention

30-Tage Retention Rate > 25%

Task Success

Aufgabenanpassung < 15 Sekunden

Was ich gelernt habe

1

Fruheres Prototyping: Das nachste Mal wurde ich direkt bei den Lo-Fi-Wireframes testen.

2

Die Reduktion auf den Kern war die schwierigste, aber wertvollste Entscheidung.

3

KI-Tools (ChatGPT) sparten 2 Stunden bei der Clusterung von 7 Interview-Transkripten.