CASE STUDY · WELLNESS · AI · 2024–2025
Vasana.ai — A behavioral wellness ecosystem across web and mobile
Designed an AI-powered wellness platform rooted in a Sa-Re-Ga-Ma behavioral framework — from the deep-analysis web portal to the daily-practice mobile app, unified by a custom motion system.
01 · THE ECOSYSTEM
Two surfaces. One continuous wellness loop.
Vasana.ai isn't two products — it's one connected system. The web portal is the intelligence layer: deep profiling, AI-powered reports, chakra balance visualizations, enterprise dashboards. The mobile app is the action layer: daily practices, real-time nudges, smart journaling. Data flows both ways, so a user can reflect deeply on the web and act instantly on mobile.
02 · VISUAL LANGUAGE
Designing for the space between clinical and spiritual.
Vasana's framework draws on the Sa-Re-Ga-Ma behavioral types — rooted in classical systems but analyzed through AI. The visual language had to honor both: scientific enough for healthcare professionals and enterprise clients, warm enough for a consumer wellness app.
I built a custom type system where each Vasana (Sa, Re, Ga, Ma) has its own color, icon, and tonal identity — visible across every report, journal entry, and practice screen.
Sa · Re · Ga · Ma — four distinct visual identities in one system
03 · MOTION
Breathing, animated. Built in After Effects, delivered as Lottie.
In wellness, rhythm matters more than instruction. I designed the guided breathing system around one principle: the user should never have to read to know what to do next. Motion carries the meaning.
The result: motion replaced copy. Practices that used to require reading an intro screen became immediate, intuitive, and repeatable. The animation system is now the core interaction pattern across all guided content in the app.
04 · WEB PORTAL
The intelligence layer.
05 · MOBILE APP
The action layer.
06 · ENTERPRISE
Wellness at organizational scale.
Beyond individuals, Vasana.ai serves healthcare organizations and public safety teams. I designed a tailored enterprise tier with workforce-level wellness dashboards, role-based access, and aggregate reporting — scalable mental health infrastructure, not just an app.
07 · DETAILS
Small things that made it feel alive.
Chakra pulse
A subtle chakra animation pulses on profile load — calms before it informs.
Haptic-synced breathing
On iOS, the Taptic Engine syncs to inhale/exhale for an embodied practice.
Therapeutic dark mode
Warmer blacks, softer whites, lower contrast — dark mode as a wellness choice.
Serif for reflection
Journal entries use display serif, metadata uses sans — two modes, one typography system.
Loading as micro-practice
Even a loading state becomes a 3-second breathing exercise.
300+ custom icons
Hand-drawn cross-platform icon set — consistent language across surfaces.
08 · OUTCOME
Three platforms, one system, live in production.
Vasana.ai shipped to production across web, iOS, and Android in a coordinated release. The motion system became the standard for all future practice content, and the enterprise tier entered pilot with a healthcare organization.
Shipped across 3 platforms
Web + iOS + Android coordinated release
Motion system adopted
Now the standard for all guided content
Enterprise pilot
Healthcare org actively onboarding
Team scaled
Grew from solo to 3-designer team under my lead