MENTAL HEALTH · PRODUCT DESIGN

Serene Soul

Mental Health & Wellness Mobile Application

An empathetic, mobile-first mental health platform designed to make emotional self-assessment, daily habit tracking, and professional psychological consultation accessible, private, and stigma-free for young users.

ROLEProduct Designer
TEAMSolo Project · UI/UX Designer
TYPEMobile Application / UI/UX
FOCUSMental Health · UX · Product Design
MOBILE APPLICATION PROTOTYPE · INTERACTIVE DESIGN SYSTEM
FIGMA PROTOTYPE · UI/UX DESIGN
Serene Soul Mood Calendar & Mood Count Gauge ScreenMood History & Count
Serene Soul Therapist & Psychiatrist Discovery ScreenSpecialist Discovery
Serene Soul Empathetic Mascot Notifications ScreenEmpathetic Check-ins
01 / THE PROBLEM

Mental health support should be accessible, private, and easy to reach.

In Indonesia and across developing healthcare ecosystems, seeking mental health care remains fraught with logistical, social, and psychological friction. Many young people struggle in silence due to cultural taboos, prohibitive specialist fees, and a scarcity of trusted counselors in their immediate vicinity.

PROFESSIONAL SHORTAGE

A severe geographic deficit of certified psychologists and psychiatrists leaves rural and suburban communities almost entirely underserved.

TIME & DISTANCE

Lengthy commutes, conflicting academic schedules, and rigid clinical hours deter young adults from keeping consistent in-person appointments.

SOCIAL STIGMA

Fear of judgment, familial disapproval, and lack of discrete medical privacy prevent vulnerable youth from reaching out until crises escalate.

FRAGMENTED TOOLS

Users struggle with disjointed apps—one for journaling, another for therapy booking—lacking continuous data continuity for their therapists.

02 / MARKET & USER INSIGHT

Validated need for digital-first psychological care.

Research conducted during product development revealed an acute demand among younger demographics for accessible, digital-first mental health solutions that protect privacy while delivering certified care.

8/8
RESPONDENT INTEREST

100% of surveyed target users expressed strong intent to use a digital self-check and teleconsultation app.

15–25
PRIMARY TARGET AGE

Focus demographic of high schoolers, college students, and early-career youth navigating life transitions.

Nationwide
ONLINE ACCESSIBILITY

Virtual teleconsultations bridge the gap across Indonesian islands, removing physical clinic borders.

100%
PRIVACY PRIORITY

Users identified discreet personal mobile access as their primary motivation for choosing an app over a physical clinic.

03 / TARGET USERS & STP

Designing for empathy, accessibility, and youth culture.

A comprehensive Segmentation, Targeting, and Positioning (STP) analysis guided the product architecture and UX copywriting, ensuring the platform resonates with Indonesian digital natives.

GEOGRAPHIC

Indonesia & Urban Youth

  • Primary: Urban & metropolitan cities (Jakarta, Bandung, Surabaya, etc.)
  • Secondary: Nationwide expansion across all provinces via teleconsultation
  • Fully remote service delivery requiring only mobile internet
DEMOGRAPHIC

Young Adults 15–25

  • High school, vocational, university students & entry-level workers
  • All genders (inclusive, judgment-free space)
  • Accessible pricing model matched to student & youth budgets
BEHAVIORAL

Digital-First Habit Seekers

  • Both first-time mental health seekers & ongoing therapy patients
  • Daily smartphone users comfortable with emoji-based self-expression
  • Desire low-friction micro-habits (journaling, coding, meditation)
PSYCHOGRAPHIC

Striving Under Pressure

  • Experiencing academic overload, quarter-life anxiety, or burnout
  • Seeking private, non-judgmental guidance outside family circles
  • Value self-discovery, emotional literacy, and proactive self-care

BRAND & PRODUCT POSITIONING

Serene Soul positions itself as an accessible, private, and convenient mental-health companion that combines self-monitoring, wellness activities, and professional consultation into one friendly, non-intimidating mobile experience.

04 / PRODUCT SOLUTION

A holistic 6-pillar mental wellness ecosystem.

Rather than treating mental health as an isolated crisis intervention, Serene Soul provides a continuous spectrum of care—from preventive daily mindfulness and mood logging to certified clinical appointments.

01

SELF CHECK

Validated psychological questionnaires for self-reflection.

02

MOOD TRACK

One-tap daily emotional sentiment logging and analytics.

03

WELLNESS

Guided daily routines: journaling, coding, exercise.

04

ARTICLES

Digestible, expert-reviewed mental wellness insights.

05

CONSULT

Direct discovery & scheduling with certified specialists.

06

PROGRESS

Longitudinal mood arc gauges and monthly activity trends.

05 / KEY FEATURES

Crafted interfaces for vulnerability, self-reflection, and care.

Every screen was designed with deliberate emotional safety, approachable typography, and clear visual hierarchy to lower the psychological barrier to seeking help.

Serene Soul Mood Calendar and Monthly Mood Count Arc Screen
EMOTIONAL ANALYTICS

Mood History & Monthly Mood Count

Visualizes daily emotional states on a monthly calendar grid using color-coded, intuitive facial expressions (very happy, neutral, sad, distressed). A semicircular gauge aggregates the user's overall monthly sentiment balance to foster emotional self-awareness.

Interactive calendar showing daily mood entries at a glance.
Category dropdown filter to isolate specific mood states.
Semicircular emotional balance gauge visualizing monthly wellness distribution.
HABIT FORMATION

Daily Activity & Wellness Routine Tracking

Structured habit schedules designed to promote positive, fulfilling daily routines. Users can schedule and track mindfulness activities such as journaling, coding practice, or physical exercise, reinforcing consistent self-improvement.

Scheduled daily tasks with customizable reminder times.
Color-coded activity tracking cards (e.g., Code Everyday 16:00, Journal 20:00).
Monthly completion dot grid providing instant visual accomplishment feedback.
Serene Soul Monthly Routine and Daily Habit Tracker Screen
Serene Soul Specialist Discovery and Appointment Management Screen
CLINICAL ACCESS

Therapist & Psychologist Discovery

Removes the intimidation of finding certified mental health professionals. Users can discover vetted psychiatrists and psychologists, review credentials, check availability, and manage upcoming consultation bookings seamlessly.

Clear role segmentation distinguishing psychiatrists (medical) and psychologists (therapy).
Next Appointment preview card displaying doctor name, date, and time slot.
One-tap profile browsing with specialist bios, consultation rates, and reviews.
DIAGNOSTIC TRIAGE

Structured Self-Assessment Questionnaire

A gentle, non-judgmental mental health questionnaire based on standardized psychological screening protocols (such as PHQ-9). Assesses symptoms over a 2-week window using a clean 4-point Likert scale to guide users toward appropriate care tiers.

Clear question phrasing focused on recent 2-week emotional frequency.
4-point radio selection: Tidak pernah, Beberapa hari, Sebagian besar hari, Hampir setiap hari.
Private, confidential scoring that recommends mindfulness or specialist consultation.
Serene Soul 2-Week Mental Health Screening Questionnaire Screen
Serene Soul Empathetic Mascot-Led Proactive Notification Cards Screen
EMPATHETIC CARE

Contextual Mascot-Led Check-ins

Rather than cold robotic push notifications, Serene Soul features friendly, pastel-illustrated character companions that proactively reach out when consecutive distress moods are detected or when daily habits are missed.

Pattern recognition triggers (e.g., "The number of bad mood emoji this week reached 5").
Actionable direct action buttons: Consult, Mood Tracker, Activity.
Warm, non-judgmental copywriting creating a feeling of genuine personal companionship.
06 / USER EXPERIENCE & FLOW

A seamless pathway from self-reflection to professional care.

The end-to-end user journey was mapped to avoid overwhelming users in moments of emotional distress, ensuring intuitive discovery in three taps or fewer.

STEP 01

OPEN APP

Arrive at calming home dashboard with friendly greeting and personalized daily wellness prompts.

STEP 02

CHECK MOOD / TEST

Log current emotional state in 5 seconds or complete structured 2-week self-check test.

STEP 03

VIEW INSIGHTS

Review monthly mood history calendar, arc gauge distribution, and personalized score summary.

STEP 04

EXPLORE ROUTINES

Access habit schedules, complete journaling, or read curated psychoeducational articles.

STEP 05

CONSULT SPECIALIST

Discover psychologists or psychiatrists and schedule a confidential teleconsultation session.

STEP 06

TRACK PROGRESS

Monitor therapeutic growth, habit streaks, and emotional stabilization over weeks and months.

07 / UI & DESIGN SYSTEM

Calming visual psychology designed to reduce cognitive stress.

The design language prioritizes softness, warmth, and clinical trust over corporate sterility. Every color token, corner radius, and typographic scale was chosen to elicit serenity.

Harmonious Color Palette

Soft pastel hues paired with deep ocean teal for maximum WCAG AAA contrast, promoting emotional groundedness without harsh medical starkness.

Serene Sage#F3FAEA
Ocean Teal#0D5C75
Deep Navy#0C2B33
Coral Blush#F87171
Sky Pastel#60A5FA
Warm Amber#FBBF24

Design Pillars

Emotional AccessibilitySimplified vocabulary, friendly illustrated avatars, and judgment-free copywriting.
Tactile ErgonomicsThumb-friendly bottom navigation dock, large touch targets (>44px), and rounded cards (16–22px).
Clinical ConfidentialityVisual cues communicating data privacy, doctor verification badges, and secure consultation rooms.
08 / BUSINESS MODEL

A sustainable freemium model balancing access with clinical care.

To ensure zero barriers for youth seeking initial self-awareness while funding certified medical professionals, Serene Soul balances free preventative tools with premium teletherapy.

PREVENTATIVE ACCESS

Free Tier

Rp0
  • Standard mental-health screening tests
  • Daily mood calendar & count tracking
  • Wellness activity scheduling (Code, Journal)
  • Curated mental health articles & guides
  • Empathetic mascot check-in notifications
PROFESSIONAL CLINICAL CARE

Premium Consultation

Rp175.000 / session
  • All Free Tier features included
  • 1-on-1 virtual consultation with licensed psychologists
  • Specialized psychiatric medical consultation
  • Longitudinal diagnostic progress reports
  • Priority appointment booking & emergency triage

ADDITIONAL REVENUE: INSTITUTIONAL PARTNERSHIPS

Corporate wellness programs and university counseling sponsorships providing subsidized student mental health coverage.

B2B / INSTITUTIONAL
09 / IMPACT & VALUE

Transforming the mental wellness landscape for youth.

By shifting psychological intervention from a late-stage crisis to an approachable daily self-care habit, Serene Soul delivers tangible value for users and healthcare providers alike.

EASIER ACCESS

Provides instantaneous access to mental health assessments and specialist booking in seconds from any smartphone.

COMPLETE PRIVACY

End-to-end discrete digital access removes the fear of public judgment and community stigma around therapy.

ZERO GEOGRAPHIC BARRIERS

Connects users in remote regions across Indonesia with certified psychologists based in major medical centers.

CONTINUOUS SELF-MONITORING

Helps users build emotional self-literacy by tracking mood fluctuations and identifying personal trigger patterns.

BETTER THERAPY SESSIONS

Empowers psychologists with longitudinal mood history calendars, enabling deeper and more contextual consultations.

HEALTHIER ROUTINES

Encourages sustainable daily habits like journaling, coding, and exercise that tangibly improve emotional resilience.

10 / PROJECT OUTCOME

“Serene Soul brings mental-health discovery, self-monitoring, wellness activities, and professional consultation into one accessible digital experience.”

Designed independently in Figma as a UI/UX project, with thoughtful features, responsive components, and end-to-end user flows that make healthcare design feel empathetic, youthful, and clinically grounded.

Explore the Interactive Prototype

Experience the complete Serene Soul mobile application user journey, component library, and interaction flows directly in Figma.