Mental Health App For Schools
Calming, accessible mobile UI designed to support students and school counselors with safe check-ins.
Role: Product Designer (UX/UI) | Scope: End-to-end product design | Platform: Web/Mobile (Student Only) | Timeline: 8–10 weeks
01 — The Problem
Youth Mental Health Crisis in Missouri
• 105,000+ youth experienced a major depressive episode
• Only 53.3% received mental health services
• Missouri ranks 41st in youth mental health access
• 63% of teachers cite student mental health as a burnout factor
Schools lacked:
• Real-time crisis visibility
• Structured well-being monitoring
• Direct connection to professional responders
• Actionable mental health data dashboards
02 — Research Phase
Research Goals
1. Understand how students express emotional distress digitally
2. Identify friction points in school-based mental health systems
3. Map escalation pathways for crisis response
Methods:
• Secondary research on youth mental health statistics
• Analysis of Missouri mental health reports
• Review of teacher burnout surveys
• Competitor audit of existing wellness apps
• Stakeholder interviews (school staff & crisis responders)
Key Insights:
• Students underreport distress in face-to-face settings
• Teachers need signal clarity, not emotional interpretation
• Most mental health apps stop at journaling
• Crisis escalation must be seamless and immediate
03 — The Opportunity
What If Schools Had an Early Warning System?
We identified a critical gap:
Most mental health apps stop at “self-help.”
ROSA App integrates:
• Student check-ins & quiz evaluation
• Chat & call support
• Risk-based alert system
• Admin/Teacher dashboards
• Professional crisis intervention via (BHR)
This transforms passive monitoring into active response.
04 — The Solution
ROSA App Platform Content
• Daily clinically grounded well-being check-ins with quiz
• Smart yellow/red alert system
• Real-time dashboards for staff
• Direct integration with BHR crisis infrastructure
• Chat support with clinician or peer
• Call Back Schedule with clinician or peer
• Virtual and in-person escalation capability
Unlike standard wellness apps, ROSA activates a professional crisis team when necessary.
05 — Defining the Users
Primary Users
Students (Ages 12–18):
• Emotionally vulnerable
• Privacy-sensitive
• Low tolerance for clinical-looking interfaces
Teachers & Clinicians:
• Time-constrained
• Need actionable alerts
• Require privacy compliance
06 — Information Architecture
ROSA App Platform
The platform was structured into three ecosystems: Public, Student, and Administrative. We were at this stage given to design without admin. The IA prioritizes accessibility to daily check-ins while maintaining clear separation between student privacy and administrative oversight.
07 — System Flow
Early Risk Detection & Escalation Model
The UX decision involved in the flow includes Emotion-first UI with check-in at initial stage and Subtle reassurance microcopy. Instead of asking clinical forms upfront, the system builds emotional comfort gradually.
08 — Experience Strategy
UX and UI Combined
Design Principles:
• Calm before clinical
• Clarity before complexity
• Signal before data
• Privacy before visibility
• Action before analysis
The goal was to remove cognitive load during emotional vulnerability.
Design Goals:
• Calm and non-threatening interface
• Minimal cognitive load
• Emotion-first UX
• Trust-driven interaction
• Clear escalation signals
09 — User Interface
HiFi Prototype Mobile
HiFi Prototype Web
10 — Testing & Iteration
Usability Testing Focus
Testing includes:
• Do students feel safe completing check-ins?
• Do teachers understand alerts within 5 seconds?
• Does escalation feel immediate or delayed?
Iteration examples:
• Immediate chat support
• Increased alert visibility contrast
• Simplified question flow
• Added reassurance microcopy
11 — Impact Projection
Featured in News
The launch of this initiative has already caught the eye of media outlets, highlighting its significant role in supporting student mental health. With district-wide implementation for the 2026 academic year, the program is expected to:
• Enable earlier identification of at-risk students
• Reduce escalation time in critical situations
• Provide teachers with clearer guidance and support
• Drive data-informed strategies for school mental health
• Decrease teacher burnout caused by behavioral uncertainty
The focus on proactive, data-driven support is setting a new standard for student well-being and creating a healthier, more responsive learning environment.
12 — Final Reflection
Our Key Learning
ROSA Powered is not just a digital product; it is a structured safety net that connects emotional signals to professional response. Designing for student mental health is not about adding features — it’s about timing, trust, clarity, intervention speed, and emotional safety.
This project shifted the focus from wellness tracking to crisis readiness, requiring a careful balance of empathy, urgency, privacy, and institutional responsibility — all within a single, integrated ecosystem.
Thanks For scrolling along!
www.behance.net/pixecto | www.instagrarm.com/pixecto
Have a project in mind? Let's turn your idea into a standout brand.
Let's build a brand worth remembering. Fixed-scope proposals, design-system-ready deliverables, and direct collaboration.