Design ServicesEnd-To-End
TDP Rebrand
Alumni App
A mobile app that keeps patients and their loved ones connected to their recovery - and to each other.
- Product Design
- HealthTech
- Mobile App
A mobile app that keeps patients and their loved ones connected to their recovery — and to each other.
Alumni App · Videra Health · iOS & Android · HIPAA Compliant · B2B2C · White Label
Project Overview
Recovery deserves a product people actually want to open.
Videra Health needed a mobile app for behavioral health patients in recovery — connected to their care facility, compliant by design, and built to earn a daily habit.
Project Overview
Recovery deserves a product people actually want to open.
Videra Health needed a mobile app for behavioral health patients in recovery — connected to their care facility, compliant by design, and built to earn a daily habit.
The Challenge
01
Clinical software disguised as a consumer app.
Most recovery apps feel like EHRs on mobile. Dense, impersonal, clinical. Patients don't want to feel like a patient every time they open it — they want to feel like a person in a community.
02
HIPAA constraints killing the UX.
No P2P messaging. Invite-only access. Data minimization at every step. Each privacy rule is a potential UX blocker — unless you treat constraints as design inputs from day one, not afterthoughts.
03
Recovery habits break on micro-friction.
Journaling, checking the community, RSVP'ing to an event — if it takes three taps more than it should, patients stop. Daily health habits live and die on milliseconds of hesitation.
Design System
Built white label. Designed to adapt.
Every behavioral health facility has its own identity. The design system was built to be fully swappable — facilities replace the brand tokens, everything else stays consistent.
Primary#2563EB
Primary Dark#1E40AF
Primary Light#E6F1FE
Primary On#FFFFFF
error#EF4444
error-light#FFF0F0
success#059669
success-light#E8FDF2
warning#F59E0B
warning-light#FFFAE6
surface#FFFFFF
background#F9FAFB
overlay#000 · 40%
Product Modules
Module 01
Login Flow
Patients don't download and find a sign-up form — they're invited. Magic link entry, two distinct auth paths, and a brief onboarding carousel that earns trust before the first tap.
Magic linkInvite-onlyFace IDTwo-state flow
Module 02
Messages
No patient-to-patient contact — that's the constraint. The design challenge was making a 1:1 care team channel feel like genuine support, and an automated Help Bot feel like it's actually listening.
Help Bot1:1 care teamHIPAAProvider search
Module 03
My Health
Daily prompts, mood check-ins, calendar streak dots. Assessments surface on schedule. One screen, one action.
Daily journalingMood trackingAssessmentsCalendar streaks
Module 04
Community
A social feed that feels like a community, not a bulletin board. Posts, reactions, events with RSVP — seeded and moderated by the care team, driven by the patients.
Posts + reactionsEvents + RSVPFacility filterModeration tools
Module 05
Resources
Searchable categorized library. Articles, tools, videos. Providers add custom facility-specific content.
Search + filterBookmarksCustom facility content
Module 06
Home Screen
The first thing patients open each day. A sober counter that makes progress visible, a journal nudge that doesn't nag, and a community feed that makes the next 24 hours feel less alone.
Personalized greetingSober counterDaily CTA
Design Process
Four phases. One product. Nothing left open.
Discovery
01
What Videra needed, what patients needed, what HIPAA allowed.
We mapped the overlap between three constraints: the facility's clinical workflow, the patient's daily reality, and healthcare compliance. Where those three met is where the product could live.
Define
02
MVP first. Everything else earns its place.
Before a single screen, we defined the shortest path to a daily-use app: login, journal, community, one-way messaging. Anything that wasn't required to open the app on a Tuesday morning was cut to phase two.
Design
03
Feature by feature. Approved before we moved on.
One module at a time: designed in Figma, reviewed with the client, iterated, approved, moved to Ready for Dev. No parallel threads, no half-shipped modules. The rhythm was the point.
Deliver
04
Every frame ready for engineering, every decision documented.
Each module shipped with annotated Figma frames, engineering stories written to spec, and HTML prototypes for ambiguous interactions. Developers never had to guess.
Outcome
Built for scale. Built for every patient.
3
months
From kickoff to shipped app.
8
flows
Login, community, journaling, messaging, events, resources, profile, notifications.
2
platforms
Native iOS and Android, full feature parity.
1
design system
White-label across every facility that onboards.
A patient experience designed to hold up across facilities, platforms, and years of recovery — not just a launch.
Thanks for watching.
Alumni App — designed by The Design Project for Videra Health
See more of our work
AI / B2B / HealthTechProduct Design / Early Stage
xCures
AI / B2B / Enterprise SolutionsProduct Design / Enterprise
Scalestack
AI / B2C / LifestyleBranding Design / Marketing / Early Stage
Itair Website
AI / B2C / LifestyleProduct Design / Early Stage
Itair Product
B2B / Public SectorProduct Design / Early Stage
Fairing Solutions
B2B / SustainabilityProduct Design / Late Stage
Banyan Infra.
B2B / Enterprise SolutionsProduct Design / Late Stage
Monte Carlo
B2C / Public Sector / SustainabilityProduct Design / Early Stage
David Energy
B2C / Public Sector / SustainabilityProduct Design / Early Stage
David Energy
Web 3.0Product Design / Early Stage
Metera
B2C / Public Sector / SustainabilityDesign System / Early Stage
Volt Design System
AI / B2C / LifestyleProduct Design / Early Stage
Cheez
AI / B2C / HealthTechProduct Design / Early Stage
WellBe
AI / B2C / HealthTechProduct Design / Early Stage
Eleanor Health
B2B / Enterprise Solutions / Public SectorMarketing / Early Stage
Mesh Marketing
B2B / Enterprise Solutions / Public SectorProduct Design / Early Stage
Mesh ID
AI / B2B / HealthTechProduct Design / Early Stage
Atropos
AgriTech / B2B / SustainabilityDesign System / Late Stage
Full Harvest DS
AgriTech / B2B / SustainabilityMarketing / Late Stage
Full Harvest MKT
B2C / LifestyleProduct Design / Early Stage
Vouch
B2C / HealthTechProduct Design / Early Stage
SpotLyfe
B2C / EdTechDesign System / Early Stage
Navengage
B2C / MobilityProduct Design / Early Stage
Volley Automation
B2C / Lifestyle / RetailProduct Design / Early Stage
GolfForever
B2C / Lifestyle / RetailProduct Design / Early Stage
The Well
B2C / RetailProduct Design / Late Stage
Avataar
B2CProduct Design / Early Stage
OXIO
B2C / HealthTech / LifestyleProduct Design / Late Stage
Big Health
AI / B2CProduct Design / Late Stage
OSlash
AI / B2B / LifestyleProduct Design / Early Stage
Woven
B2C / LifestyleProduct Design / Early Stage
NextGem
AI / B2C / HealthTechProduct Design / Early Stage
Altoida
B2B / Enterprise SolutionsProduct Design / Early Stage
JupiterOne
AI / B2CProduct Design / Early Stage
Sojourn
AI / B2CProduct Design / Late Stage
SOUQ
AI / B2B / Public SectorProduct Design / Late Stage
Socure
B2C / LifestyleProduct Design / Early Stage
Streamzy
B2B / Public SectorProduct Design / Early Stage
Anno.ai
B2B / Enterprise SolutionsProduct Design / Enterprise
Purespectrum
B2B / Public SectorProduct Design / Early Stage
Conserv
AI / B2BProduct Design / Early Stage
Brev