Assessment
Gentle Check-ins
Short scales with one question per screen, a progress bar, and a private, non-diagnostic summary.
Sage
A safe spaceto talk.
A safe space to talk, whenever you need it. Check in, read, chat or book a counsellor, all in one calm app.
- Role
- Mobile UI/UX Designer
- Platform
- iOS & Android Mobile App
- Tool
- Figma
- Timeframe
- 2025 – 2026
Eleven screens. One calm flow.
From saying hello to booking a counsellor.
01 · Arrive
Welcome
The Sage mascot, one sentence (a safe space to talk, whenever you need it) and a single Get Started button.
02 · Choose
Home
Sage greets you, then four calm choices: Let’s Talk, Assessment, Self-Care Library and FAQ. Crisis help waits below in coral and plum.
03 · Check in
Assessment
Four short scales (Depression, Anxiety, Stress and Self-Esteem) of about five minutes each, with a privacy note at the top.
04 · Reflect
Your Summary
A gentle summary on a slider that says outright it isn’t a diagnosis, then three next steps: self-care, a counsellor, or a booking.
05 · Learn
Self-Care Library
What self-care is, ideas to practise as photo cards, simple tips, and a library of approved apps.
06 · Talk
Sage Assist
A private chat that opens with a reassurance note, a typing indicator, and a green send button.
07 · Crisis
You’re Not Alone
Plain-language signs, a myth-versus-fact card and an emergency action card in coral.
08 · Book
Book Your Appointment
Individual or group counselling, each with a photo, a one-line description and a Book Now button.
09 · Meet
Meet Our Counsellors
Photo cards with names and registration, so a student knows who they will be speaking to.
10 · Ask
FAQs
General, Appointments and Facilities tabs with expandable answers and a search bar.
11 · Read
More to Explore
Longer articles: Signs of Distress, Protecting Personal Safety & Wellbeing, and How to Talk to Someone Who Is Suicidal.
Check in.Not a diagnosis.
Four short scales ask one question per screen, with a progress bar and four plain answers. The summary is gentle and says so: this isn’t a diagnosis. It ends with three next steps instead of a score.
Calm by default.Loud only for crisis.
Almost everything is soft green. Coral and plum appear only on the home screen’s crisis and urgent-help cards, the emergency actions, and the crisis warning before booking, so they can’t be missed when they matter.
Talk right now.Or meet someone.
Sage Assist is there at any hour for a private conversation. When a student is ready for a person, they can book an individual or group session and read each counsellor’s profile first.
Soft green. Warm only for help. Every colour has a job.
A soft mist-green canvas, serif headlines for warmth, rounded cards for calm, and a five-item tab bar. Warm colours are reserved for crisis and urgent help.
Mist
#DCEBDE
Screen background
Sage Green
#31C456
Primary buttons, active tab
Forest
#2D6645
Headlines and Book Now
Coral
#D1624C
Crisis help only
Plum
#4B3462
Urgent help card
Components
Sage
Get Started
Sometimes
In crisis right now?
Need urgent help?
Get the highlights.
At a glance
A whole support app, designed.
- Screens Designed
- 70+
- Check-in questions, self-care, chat, booking, counsellor profiles, FAQs and articles.
- Tab-Bar Destinations
- 5
- Home, Bookings, Talk, Counsellors and More, always one tap away.
- Check-in Scales
- 4
- Depression, Anxiety, Stress and Self-Esteem, each about five minutes.