Compliance-ready
from the
ground up.
from the
ground up.
A self-directed build to demonstrate institutional platform capability.
Behavioral health platforms for higher education sit at a specific intersection of compliance requirements — FERPA privacy protections, multi-role access separation, and the need for clinical staff and administrative users to work within the same system without seeing each other’s data. Most off-the-shelf tools fail at this intersection. Purpose-built platforms for this space are rare and expensive.
We built this platform as a studio initiative to demonstrate what a modern, compliance-first behavioral health UX looks like — designed from the ground up for the institutional environment rather than adapted from a general-purpose tool.
Three personas. One platform. Zero data crossover.
The platform needed to serve two entirely distinct user types — administrative staff managing compliance workflows and clinical staff managing student care — with strict separation between what each role can see and do. A single data exposure between personas would constitute a FERPA violation.
The design challenge was building a unified platform that feels coherent to both users while maintaining hard architectural separation between their data environments. The UX had to make that separation invisible — not a barrier the user has to manage, but a guarantee the system provides.
Role-separated UX with a shared design system.
We designed two complete persona environments — Admin and Clinical Staff — built on a single shared component system so the platform feels cohesive despite the architectural separation. Each persona has its own navigation structure, dashboard, and workflow designed around their specific tasks. The system enforces role separation at the data layer invisibly, from the user’s perspective.
The platform includes a synced transcript panel for clinical sessions, a compliance tracking dashboard for administrative review, and a reporting architecture built around the audit trail requirements of FERPA-governed institutions. Everything was built in React and TypeScript, deployed to Firebase, with a live demo accessible at ccu-wellness.web.app.
A working platform that demonstrates institutional UX at full fidelity.
The result is a fully functional behavioral health compliance platform — not a prototype, not a mockup, but a working React/TypeScript/Firebase application with real authentication, real role separation, and real data flows. The platform demonstrates exactly what we are capable of delivering for institutional clients in a compliance-governed environment.
It is accessible at ccu-wellness.web.app and available for demonstration to institutional clients and procurement officers evaluating our capability for behavioral health, higher education, or compliance-adjacent platform work.
What we built.
- Full UX/UI design — Student, Admin and Clinical Staff personas
- React & TypeScript frontend — production build
- Firebase backend — authentication and real-time database
- FERPA-compliant role separation architecture
- Synced transcript panel for clinical sessions
- Compliance tracking and reporting dashboard
More work
worth seeing.
worth seeing.
Web Design · Strategy
Anervea
Traffic up 300%, form submissions up 70%. A full redesign delivered on deadline for a health tech conference.
Web Design
Web · Strategy · Marketing
FACTS Fest Gala
No-shows dropped from 50% to 3%. Gatsby-inspired brand identity and 6-week content system for the annual gala.
Brand · Marketing
UX Design · Product Design
Zate Nite
From wireframes to UI, a clickable prototype and MVP-ready brand system for a new dating app.
UX · Research
Ready to build something
your community can count on?
Strategy-first design for institutions, tech companies, and founders building what’s next.
Solutions
Studio
Government Contracting
© 2026 JW Creative Company, LLC