Case Study · UX/UI · Health & Wellness

ENÔRA

Your nervous system deserves better.

An AI-powered mental health companion app for panic attacks and anxiety — built on 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 — yet in an acute panic moment there's no immediately available, scientifically grounded tool that helps without overwhelming. Apps like Calm and Headspace are built for daily meditation, not crisis — too many options, not enough clinical credibility. The gap: no app combines evidence-based methods (CBT, DBT) with warm, non-clinical design that adapts to the moment. Enôra fills it.

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 how the user feels — not the other way around. Three distinct paths, each with its own tone, colour system, and strategy.

SOS
Acute Panic · Immediate Help
One tap — the app takes over completely. Box Breathing starts automatically, orb pulses blue, no menu, no questions. Then Grounding 5-4-3-2-1.
Early Warning
Rising Anxiety · Prevention
Anxiety is building. AI asks: "What's going on?" — a guided CBT conversation and breathing techniques before it escalates into panic.
Companion
Emotional Support · Simply Talk
No goal, no exercise, no pressure — Enôra just listens. Night mode kicks in 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

Analysed the German mental health app market and clinical studies on CBT, DBT and breathing regulation — surfacing a clear gap in accessible, escalation-aware UX.

Market AnalysisCompetitive AnalysisPersona
02
Concept & Architecture

The three-tier Escalation Model, with a user flow that branches deliberately — AI Chat only after breathing, never before.

User FlowEscalation FrameworkInformation Architecture
03
Design System & Emotional Color System

A complete Figma design system: DM Sans typeface, 6 emotional Orb states with scientifically grounded colours, Glassmorphism cards, button library, icon set — all 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 spanning Onboarding, SOS Flow, Grounding, Night Mode and User Account.

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

A live AI demo on the Anthropic Claude API — all three modes playable, personality defined entirely by the system prompt. 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

Rough sketches first, to map core logic without visual distraction — every screen had to earn its place in the escalation model before going 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 hardest design challenge: in acute panic, cognition is severely limited. One tap triggers Box Breathing, the orb pulses blue — and AI Chat activates only after physical stabilisation, 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 isn't 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, with no diagnoses and no medical recommendations. Built on the Anthropic Claude API, her character fully defined by the system prompt — no data storage, 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, cognition changes — design has to reduce to essentials. Clarity and calm come before beauty.
02
Designing AI limits
What the AI doesn't do is just as important as what it does. Conscious restrictions build trust.
03
Language as UX
"SOS" instead of "Acute panic" — naming states is a UX decision with measurable psychological impact.
04
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.
09 · Personal Note

Why this topic.

"I didn't choose this project because it was a safe topic — I chose it because I've seen how helpless people feel in moments of anxiety, and how little existing digital tools meet that moment. Enôra is my attempt to change that: precise, evidence-based, and deeply respectful of the nervous system it's designed for."

— Alina Korth, Senior Brand & UX/UI Designer
Back to Portfolio
View all Case Studies
Back to Work →