Escape.ai
WEBSITE DESIGN
Designing a mindful digital ecosystem for emotional
wellness through AI, community, and immersive
virtual worlds.
Brand Identity
Visual Language
A cohesive design system built on calm, warmth, and trust — blending wellness aesthetics with modern technology.
Color Psychology
Lavender
#edf1f7
Soft backgrounds, breathing space
Light Blue
#d0e3f7
Secondary accents, cards
Royal Blue
#39519f
Primary brand, trust signals
Navy
#1c2444
Headings, deep contrast
Orange
#f0831a
CTAs, rewards, energy
Yellow
#fcc462
Highlights, gamification
Typography System
The Seasons
Principal Font
Elegant serif for headlines, evoking sophistication and calm.
Work Sans
Secondary Font
Clean sans-serif for body text, ensuring readability and structure.
Design Principles
🎨
Warm & Inviting
Rounded corners and soft shadows create emotional safety
✨
Breathing Space
Generous whitespace reduces cognitive load
🎯
Clear Hierarchy
Visual flow guides users through complex narratives
The Challenge
Balancing Narrative with Excellence
Most wellness websites feel either overly clinical or too commercial, creating emotional distance. EscapeApp.ai needed to feel human combining AI intelligence with emotional storytelling
.
"
How do we tell a story about AI-powered wellness, gamified rewards, and immersive virtual worlds without losing users in complexity or sacrificing emotional connection?
Balancing Depth with Simplicity
Problem
Complex concepts — AI therapy, immersive worlds, gamified rewards
Solution
Progressive disclosure: one concept at a time
Multiple User Personas
Problem
Wellness seekers, creators, explorers — different motivations
Solution
Multiple entry points and tailored narratives
Building Trust in AI
Problem
Users skeptical of AI in sensitive mental health contexts
Solution
Humanized Lucille through conversational warmth
Research
Understanding the Need
Research Goals
•
Understand how people discover wellness content online
•
Study engagement models of Headspace, Calm, and InsightTimer
•
Observe user sentiment around gamified mental health experiences
"Users seek authenticity, not perfection"
Key Insights
✓
Gradient warmth = emotional safety
✓
Interactive rewards drive habits
✓
Visual metaphors evoke calm
89%
User Satisfaction
Competitive Analysis
Studied 12 wellness apps to identify gaps in AI personalization
12
Participants
45
User Interviews
Market Analysis
Competitor Analysis
Analyzing the wellness app landscape to identify gaps and opportunities for differentiation
Headspace
Strengths
Strong brand recognition
Polished UI
Extensive content library
Weaknesses
Limited personalization
No AI guidance
Expensive ($70/year)
Opportunity
AI-powered personalization
Calm
Strengths
Beautiful design
Sleep stories
Large user base
Weaknesses
One-size-fits-all approach
No community features
Static content
Opportunity
Dynamic community engagement
InsightTimer
Strengths
Free content
Community features
Diverse teachers
Weaknesses
Cluttered interface
No AI
Limited tracking
Opportunity
Simplified AI-driven experience
BetterHelp
Strengths
Professional therapists
1-on-1 sessions
Credibility
Weaknesses
Very expensive
No self-service
Requires commitment
Opportunity
Accessible AI + professional hybrid
Feature Comparison Matrix
Feature
Headspace
Calm
Insight
BetterHelp
EscapeApp.ai
AI Personalization
Gamification
Community
Immersive 3D
Affordable
Progress Tracking
Market Gap
No competitor combines AI personalization with community and gamification
Pricing Edge
At $9.99/month, we're 30% cheaper than premium competitors
Innovation
First to offer immersive 3D worlds for mindfulness practice
User Personas
Understanding Our Users
Sarah, 32
Wellness Seeker
"I want support but don't know if I need 'real' therapy yet"
Goals
✓
Accessible meditation
✓
Track progress
✓
Build habits
Frustrations
✗
Apps feel impersonal
✗
Low motivation
Marcus, 45
Content Creator
"I want to help people while building a sustainable business"
Goals
✓
Share expertise
✓
Earn income
✓
Build community
Frustrations
✗
Hard to monetize
✗
Limited tools
Drek, 28
Digital Explorer
"Can technology really understand my emotional needs?"
Goals
✓
Try cutting-edge tech
✓
Virtual relaxation
Frustrations
✗
Most apps too basic
✗
Wants innovation
Empathy Mapping
Walking in Their Shoes
Deep empathy mapping reveals the emotional landscape and unmet needs of our primary user
Sarah, 32
Wellness Seeker
"I'm overwhelmed and need support, but therapy feels like a big commitment"
THINKS
💭
Do I really need therapy or am I overreacting?
💭
Can an app really understand what I'm going through?
💭
What if I waste money on something that doesn't work?
💭
I don't have time for long sessions
FEELS
❤️
Anxious about trying new wellness approaches
❤️
Hopeful that technology can help
❤️
Skeptical about AI understanding emotions
❤️
Motivated to improve but uncertain where to start
SAYS
💬
I want something that fits into my routine
💬
Most apps feel too impersonal
💬
I need to see progress to stay motivated
💬
Privacy is really important to me
DOES
👀
Downloads wellness apps but abandons within weeks
👀
Reads reviews extensively before trying anything
👀
Seeks recommendations from friends
👀
Prefers quick, guided experiences over long commitments
Pain Points
⚠
Limited time for wellness practices
⚠
Feels overwhelmed by too many options
⚠
Struggles with consistency and motivation
⚠
Concerned about data privacy
Goals
🎯
Build sustainable wellness habits
🎯
Track emotional progress over time
🎯
Access support without judgment
🎯
See tangible results quickly
User Journey
From Curious to Advocate
😐
Awareness
Stage 1
Thinks
"What is this?"
Solution
Clear value prop
🙂
Interest
Stage 2
Thinks
"This feels different"
Solution
Progressive disclosure
😊
Consideration
Stage 3
Thinks
"Will it work for me?"
Solution
Real testimonials
🤔
Decision
Stage 4
Thinks
"Less than coffee!"
Solution
Value anchoring
😌
Action
Stage 5
Thinks
"I feel heard"
Solution
Guided experience
😍
Retention
Stage 6
Thinks
"Part of my routine!"
Solution
Gamification
🤗
Advocacy
Stage 7
Thinks
"Everyone should try this!"
Solution
Referral rewards
The Complete User Flow and Hi-fidelity
Following Sarah's journey from discovery to conversion page by page, decision by decision
1
Landing Page
😐 Curious
Action
Discovers EscapeApp.ai through social media ad
💭
Thinks
"What makes this different from other wellness apps?"
Sees
•
Hero: 'AI Powered Journey to Wellness'
•
Immersive landing opening
•
Sees how it works: creates curiosity.
Interacts
Scrolls to learn about Lucille AI
Outcome
Intrigued by AI personalization
Step 1
2
Lucille Page
🙂 Interested
Action
Explores AI companion capabilities
💭
Thinks
"Can AI really understand my emotions?"
Sees
•
Real-time mood tracking
•
Conversational chat interface
•
Understands. the why behind the product
Interacts
Reads testimonials, views 'How It Works'
Outcome
Trusts the AI approach
Step 2
3
Community Page
😊 Excited
Action
Discovers gamification and rewards
💭
Thinks
"I could earn rewards for wellness? That's motivating!"
Sees
•
Coin reward system
•
Creator programs
•
Active community stats
Interacts
Explores creator earnings, views avatar options
Outcome
Motivated by reward system
Step 3
Step 4
4
Innerverse Page
😍 Amazed
Action
Explores immersive virtual worlds
💭
Thinks
"These environments look peaceful and beautiful"
Sees
•
Unreal Engine worlds
•
Global destinations
•
Sacred spaces
Interacts
Views Santorini, Costa Rica previews
Outcome
Excited about unique offering
5
Pricing Page
🤔 Considering
Action
Evaluates subscription cost
Sees
•
Monthly: $9.99
•
Annual: $71.99 (save 40%)
•
All features included
Interacts
Compares plans, reads feature list
Outcome
Decides to subscribe
🤔 Considering
Pricing Page
6
Sign Up
😌 Relieved
Action
Creates account with email
💭
Thinks
"This is easier than I expected"
Sees
•
Simple form
•
Privacy assurance
•
Quick sign-up
Interacts
Enters email, creates password
Outcome
Account created successfully
😌 Relieved
Sign Up
Task Flows & Process
Mapping key user tasks and our design methodology
Iterative Design Methodology
1
Empathize
Understand user needs through research
2
Define
Articulate problems and opportunities
3
Prototype
Build and test solutions rapidly
4
Iterate
Refine based on user feedback
Design System
Building the System
A cohesive design language that scales across experiences
Consistent Elements
•
Rounded corners (16px radius)
•
Orange CTAs for action
•
Navy backgrounds for trust
•
Soft shadows for depth
Adaptive Elements
•
Page-specific imagery
•
Contextual color accents
•
Feature-based icons
•
Narrative tone shifts
Final Designs
Three Stories,
One Vision
Social
Rewards
Engagement
Community
Gamified Wellness
Balances creator monetization with wellness focus through coin rewards and achievement systems.
3D
Immersive
Healing
Innerverse
Virtual Escapes
Showcases Unreal Engine worlds as destinations of healing through visual storytelling.
AI
Personalization
Trust
Lucille
AI Companion
Makes AI feel human and trustworthy through conversational interface and real testimonials.
Results
Design That Drives Impact
Key Learnings
Leanings and outcome
Emotional Design Matters
Gradients, micro-interactions, and thoughtful spacing create psychological safety that encourages vulnerability.
Gamification Builds Habits
Reward systems and visual feedback loops transform wellness from obligation to enjoyable ritual.
Trust Through Transparency
Clear pricing, accessible privacy policies, and honest communication build long-term relationships.
"Transforming mental health through
AI-powered wellness experiences."
This case study represents a holistic approach to digital wellness design.
42%
Engagement Increase
3.2x
Session Duration
89%
User Satisfaction
100+
Active Users
PROJECTS
Edtech
Vivomind
Designing a heartfelt solution to help kids find balance in a digital world.
Escape.ai
Saas Product Design
Designing Escape’s content partnership ecosystem for community and brand expansion.
Escape.ai
Innerverse
End-to-end interactive product prototype built with storytelling and Unreal Engine integration.
