Case Study · UX/UI · Health & Wellness

ENÔRA

Your nervous system deserves better.

An evidence-based, AI-powered mental health companion app for panic attacks and anxiety. Designed with Escalation Design, an Emotional Color System, and live AI integration. Solo graduation project — completed ahead of schedule.

Role
Solo UX/UI Designer
Type
Self-Initiated Concept
Tools
Figma · FlutterFlow · Claude API
Year
2025 — 2026
UX Research Escalation Design Emotional Color System AI Integration WCAG AAA Figma Prototype
View Figma Prototype →
ENÔRA — Cover
01 · The Problem

A gap between crisis and care.

6.3 million people in Germany live with anxiety disorders. In acute panic moments, there is no immediately available, scientifically grounded digital tool that helps without overwhelming. Existing apps like Calm and Headspace are built for daily meditation — not for acute panic. They overwhelm users in crisis moments with too many options and wellness language that lacks clinical credibility.

The market gap: no app combines evidence-based methods (CBT, DBT) with warm, non-clinical design and situational adaptation. Enôra was designed to fill exactly that space.

6.3M
People in Germany with anxiety disorders
73%
Receive no professional treatment
18–40
Primary affected age group, digital-native
02 · Core Concept

The Escalation Design Framework

Instead of a one-size-fits-all interface, Enôra adapts to the user's emotional state — not the other way around. Three distinct paths, each with its own communication style, colour system, and intervention strategy.

SOS
Acute Panic · Immediate Help
One tap — the app takes over completely. Box Breathing 4-4-4-4 starts automatically. Minimal cognitive load, no menu, no questions. Orb pulses blue. Then Grounding 5-4-3-2-1.
Early Warning
Rising Anxiety · Prevention
The user senses anxiety building. AI asks: "What's going on?" — guided CBT conversation, breathing techniques, cognitive restructuring before panic escalates.
Companion
Emotional Support · Simply Talk
No goal, no exercise, no pressure. Enôra listens and stays present. Night mode activates automatically after 22:00 — quieter tone, darker Orb, indigo background.
03 · Design Process

From research to prototype.

Every decision in Enôra has a reason. The process moved deliberately from problem definition through to a clickable, AI-powered prototype.

01
Research & Problem Definition

Analysis of the German mental health app market. Review of clinical studies in CBT, DBT and breathing regulation. Identification of the gap: no app connects escalation logic with scientifically grounded techniques in an accessible UX.

Market AnalysisCompetitive AnalysisPersona
02
Concept & Architecture

Development of the three-tier Escalation Model. User flow with intentional branching — AI Chat only after breathing, not before.

User FlowEscalation FrameworkInformation Architecture
03
Design System & Emotional Color System

Complete design system in Figma: DM Sans as single typeface, 6 emotional Orb states with scientifically grounded colour assignments, Glassmorphism cards, button library, icon set. All colours WCAG AAA tested.

Style TilesDesign SystemComponent Library
04
Lo-Fi to Hi-Fi Wireframes

From sketch wireframes to fully designed Hi-Fi screens. 10+ screens including Onboarding, SOS-Flow, Grounding, Night Mode and User Account.

Lo-Fi Wireframes10 Hi-Fi ScreensFigma Prototype
05
AI Integration & KI-Demo

Functional AI demo using the Anthropic Claude API — all three modes playable live. System prompt fully defines Enôra's personality. No data storage, DSGVO-compliant.

Claude APILive KI-DemoPrompt Engineering
Figma Prototype — User Flow & Connections
ENÔRA Figma Prototype Flow
14 screens · 2 flows · SOS path, Onboarding path, Navigation tabs
04 · Wireframes

Lo-Fi to Hi-Fi

Starting with rough sketches to map out core logic without visual distraction. Each screen had to justify its existence in the escalation model before moving to high fidelity.

Lo-Fi Wireframes — 8 Screens
05 · Design System

Every colour has a reason.

The Emotional Color System is not an aesthetic concept — it is a functional design decision rooted in clinical science. Blue lowers cortisol. Green signals recovery. Dark indigo is melatonin-compatible for night use.

Emotional Color System
Neutral
SOS
Warning
Companion
Stabilized
Night
Orb States
Neutral
SOS
Warning
Companion
Stable
Night
Typography — DM Sans
Du bist nicht allein.
Du bist nicht allein.
Ich bin immer da für dich. Das Gefühl der Angst ist real, aber du bist sicher.
Components
Jetzt Hilfe
Weiter
Outline
06 · SOS Flow

One tap. App takes over.

ENÔRA SOS Atemübung

The SOS flow was the most critical design challenge. In an acute panic state, cognitive capacity is severely limited. Enôra takes over: one tap triggers Box Breathing, the orb pulses blue. Only after physical stabilisation does the AI Chat activate — never before.

01 · SOS Trigger
Ein Tap · App übernimmt komplett
02 · Box Breathing
4-4-4-4 · Orb pulsiert blau
03 · Selbsteinschätzung
Besser / Gleich / Schlechter
04 · Grounding 5-4-3-2-1
DBT Technik · Sinne aktivieren
05 · Stabilisierung
Grüner Orb · Du hast das geschafft.
07 · AI Integration

Warm. Clinically informed. Never overreaching.

Enôra is not a generic AI. She has a defined personality: calm, present, warm — without seeming performative. Her tone is informed by CBT principles but never therapeutically overreaching. She makes no diagnoses, gives no medical recommendations.

Technology: Anthropic Claude API. The system prompt fully defines Enôra's character. No data storage — conversations remain local. DSGVO-compliant.

KI Persönlichkeit
Immer präsent — nie performativ
CBT-informiert — kein Ersatz für Therapie
Keine Diagnosen, keine medizinischen Empfehlungen
Kein Datenspeichern — DSGVO-konform
ENÔRA KI Chat
08 · Key Learnings

What this project taught me.

01
Design for crisis
In acute anxiety states, cognition changes. Design must be minimised to essentials. Clarity and calm come before beauty.
02
Colour as function
The Emotional Color System is not an aesthetic — it is a functional UX decision with scientific foundation.
03
Designing AI limits
What the AI doesn't do is just as important as what it does. Conscious restrictions build trust.
04
Language as UX
"SOS" instead of "Acute panic" — naming states is a UX decision with measurable psychological impact.
05
Accessibility first
WCAG AAA is not a checkbox for a mental health app — it is the baseline. People in crisis may have impaired motor control.
06
Avatar decisions
No smile on the SOS orb. This single decision shows depth of understanding for emotional authenticity in design.
09 · Personal Note

Why this topic.

"I didn't choose this project because it was a safe topic. I chose it because I have seen in my own environment how helpless people feel in moments of anxiety — and how little the existing digital offerings meet this moment. Enôra is my attempt to do exactly that: precise, evidence-based, with deep respect for the user's nervous system."

— Alina Korth, Senior Brand & UX/UI Designer
Next Case Study
EVNT — Event Discovery Platform
View Case Study →