Building Tattva Health:
A Partner in Holistic Well-being
Democratizing peak potential empowering individuals to
thrive everyday
Tattva Health is a holistic wellness platform blending ancient self-healing with technology to make peak mental states accessible. The project involved redesigning a multi-module website from discovery to visual design. The website had to highlight Tattva's ideologies, the new product they were launching, their retreat programs and easy navigation to booking them.
brief
domain
Health & Wellness
my role
UX Research, Wireframing,
UI Design, Interacton Design
PLATFORM
scale
6 modules
Solving for
"I want to manage my stress & improve focus - but don't know where to start"
Susan Jones
45 | Tech Startup Founder
San Francisco
"I know I need to slow down, but every wellness app I've tried feels generic. I want something rooted in science and I can actually stick to."
David Lee
32 | Freelance Graphic Designer
Austin, TX
"I struggle with creative blocks and anxiety at work. I need a routine, but I can't find breathwork or mindfulness techniques that fit my lifestyle."
Modular Platform,
Easy Scalable Interface
A modular platform that maps every wellness need to a clear, actionable path
01
Home
Establishes trust instantly; communicates core value proposition. Acts as an index to the whole website, exposes the services, product soon to be launched and leads user easily to book retreats.
02
Digital Wellness Tracker
Pre-launch product page driving early adoption and education. The page should explain in thoroughness what it does, what its scientific backing is.
03
Retreats
Enables immersive program discovery and direct booking. The itinerary, accommodation, food are all categories that users consider while booking, so they need to be carefully curated aligned to the brand principles.
04
Workshops
Surfaces upcoming events with prominent sign-up CTAs, booking slots and curation of what users can expect from it.
05
Education Hub + About
Simplifies ancient concepts for first-time Western audiences with visual and descriptive sections. A dedicated page that explains in detail what the company does and who the team members are.
06
Corporate Booking
Dedicated flow for organizational wellness requirements for bulk booking. Needs to be handled with care as this is core area of business.
The decisions that
shaped
the platform
Direction A
Bold & Product Focused
A high-impact, visually dominant approach centred on the digital wellness tracker as the hero product. Risks prioritising the unreleased tool over the retreat programmes that currently drive Tattva's core business and user trust.
Rejected
Direction B
Equal Emphasis & Upfront
All offerings — retreats, workshops, tracker, corporate — given simultaneous visibility from the first scroll. Creates visual competition between modules, dilutes hierarchy, and overwhelms first-time users unfamiliar with the breadth of Tattva's ecosystem.
Rejected
Direction C — Chosen
Clarity in what Tattva offers
Lead with what Tattva does, not how it looks. Every section earns its place by answering a user question — stripping back ambiguity so first-time visitors immediately understand the offering, the techniques, and the path to booking.
Chosen
Deep dive ↓
Challenges
& Design Advocacy
Client expectation
Post designing the UX focusing the website for launching the product integrating heavy interactions, the requirement changed to cater the website to book for events and product was to be treated secondary.
Our intervention
We closely worked with the UI designers, created screens with the final design system to save up on time and meet deadlines. The design now focused on highlighting the events to the core while treating the product with emphasis.
How we aligned
We sat with the client, us in IST and them in UST, codesigned the experience to curate for what works best for them with closest visuals and Hi Fidelity designs to help client visualise concept best.
Final Screens
Scroll-based animations make the pre-launch tracker tangible and engaging despite the product not yet being on market
Modular card layouts across retreats and workshops allow users to scan, compare, and book without overwhelming information density
Prominent CTAs on event listings and product pages are visually anchored to drive the three core marketing objectives: event sign-ups, product adoption, and community growth
Corporate booking flow is structurally separated — ensuring organizational users experience a distinct, professional path without disrupting the individual wellness journey
Typography and visual hierarchy are calibrated to educate progressively — headlines hook, subtext informs, and body content deepens — mirroring the brand's philosophy of layered self-discovery
Interactive & Autoplay components aligning to the brand principles and catering to the boldness needed for a revolutionary launching product with scientific backing
Why it works
The final screens resolve the core tension of the project — making ancient, intangible wellness concepts immediately legible and credible to a modern, Western audience unfamiliar with the brand.
The dark-toned UI with warm amber accents communicates depth, premium quality, and calm authority simultaneously.
key features
Scroll-based animations
easy booking
Modular card layouts
Corporate booking
educate progressively
testimonials for trust building
scientific evidence through interactions
layered self-discovery
scan & compare feature
tab navigation for itenary
dashboard for skim view of event
easy navigation
quick grasp learn content
Tattva Home Page · Index to Services
Tattva Health App - Product Page · Interactive Scroll
Tattva Retreats · Categorised Itinerary & Details
Three principles that held throughout
1
Vital Breath as the Entry Point
Vital Breathing is Tattva's cornerstone technique — not a footnote. It is introduced early, explained clearly, and woven through every retreat and workshop touchpoint, ensuring users immediately understand its role in achieving peak mental states.
2
Feel It Before You Book It
Abstract wellness concepts become real through interaction. Engaging components — breathing visualisers, session previews, and guided micro-experiences — let users experientially encounter Vital Breathing before committing, collapsing the gap between curiosity and conversion.
3
Every Retreat, Always One Tap Away
Booking is never buried. Event visibility is a design priority — upcoming retreats and workshops surface persistently across the platform, with frictionless booking flows that ensure no motivated user ever loses their path to the next session.