COSC 490 · Project 5 · Group 3

ZenAI — five screens

An AI counselor that stays inside the protocol. These are real HTML, not pictures — import this page with the html.to.design plugin and every frame arrives in Figma as editable layers. The crisis screen is the one worth arguing about: it is the only state where ZenAI stops talking.

01 — Conversation
9:41
Z

ZenAI

Private
You mentioned three exams this week. What's the one that's sitting heaviest right now?
Data structures. I keep opening the notes and closing them.
That opening-and-closing sounds exhausting on its own — separate from the material. What happens in the moment just before you close it?
✓ Checked against the ACT protocol · present-moment contact
Say what's on your mind…
↑
The reply is serif — ZenAI's voice reads as a person, the interface stays sans. That one line under the message is the Fidelity Monitor, visible.
02 — Mood check-in
9:41
Z

Check in

Tue

How heavy is today?

No streaks, no score. This is only so you and ZenAI can see the shape of a few weeks together.

Lightmanageable
A bit much
Heavyselected
Very heavy
I'm not okay
Continue

You can skip this. It will not ask twice.

Five points, worded as a student would say them — not 1–10, not emoji faces. The bottom option routes straight to the crisis rail.
03 — Crisis escalation
9:41
Z

ZenAI

I'm stopping here, and I want to hand you to a person.

What you said is more than I should carry on my own. I'm not a counselor, and this is the moment that matters most to get right.

Right now · 24 hours
Call or text 988
Suicide & Crisis Lifeline · free · confidential
On campus
MSU Counseling Center
Same-day urgent appointments during term
Call 988
Text a counselor instead
ZenAI has paused this conversation. Nothing you wrote has been shared with anyone. You can come back whenever you want.
The screen no competitor will show you. Different colour, no composer — the input is gone. ZenAI cannot keep talking here even if you want it to.
04 — Privacy & consent
9:41
Z

What ZenAI keeps

Every switch is off until you turn it on. Nothing here is ever shared with the university.

Remember my mood
So the progress view has something to show.
Remember what helps
"Walking worked last time" — brought back when it's relevant.
Remember my courses
Lets the Academic Stress agent be specific.
Keep full transcripts
Off by default. Messages are redacted and summarised instead.
Delete everything ZenAI remembers
Consent as the product surface, not a settings page nobody opens. Defaults off, and the delete button is a real one.
05 — Progress
9:41
Z

Six weeks

Only you
18
conversations
4
check-ins this week
How heavy things felt
Lower is lighter. Midterms are the tall ones.
W1W2W3W4W5W6
What keeps coming up
Exam weeks9 times
Sleep7 times
Feeling behind5 times
No streaks and no score — gamifying distress is the mistake every wellness app makes. Just the shape of six weeks, and what recurs.
Import into Figma: Plugins → html.to.design → paste this page's URL → enable auto-layout. All five frames arrive as editable layers.
Before any demo: the campus counseling number on screen 03 is a placeholder — verify the real one and put it in .env as CAMPUS_COUNSELING_PHONE.
Not midterm work. The Oct 15 rubric says GUI does not count — this is November.