Designing for the Most Anxious Moment
The mobile experience for someone who has just received their blood test results, a healthtech product where the hardest problem isn't information architecture, it's trust. A 10k Designers brief, designed end to end.
Why I chose this project
As part of the 10k Designers program, I worked on four major user flows for Mito Health, a US-based, YC-backed startup that takes lab test results and helps people understand what they mean at a deeper level. It's built for busy, health-conscious people with demanding jobs who don't have the time to truly understand what's going on inside their bodies.
I didn't pick this as a convenient portfolio project. My great-grandparents were Ayurvedic doctors, my grandparents too. Growing up, we didn't wait to get sick, we prevented it, treating the body as a system to maintain, not a problem to fix once it broke. I spent five years designing for Farmley and leading the Indian Healthy Snacking Summit, a government-recognised initiative reaching 13,000+ respondents. One belief kept surfacing: modern healthcare is built for sickness, not for health. Mito Health felt like the same problem, approached from a different direction. Biomarkers instead of food, but the same instinct: know the body before something goes wrong.
Process
This project moved through four phases: UX research and analysis, visual design, wireframing, and prototyping.
| What it involved | ||
|---|---|---|
| Research and analysis | Understanding Mito's existing web product, the competitive landscape (Function Health, Superpower, InsideTracker), and the emotional weight of receiving personal health data | |
| Visual design | Establishing a visual language that felt scientific and premium without being clinical or cold: micro-organism photography, a calm type system, a restrained colour palette for health states | |
| Wireframing | Structuring four end-to-end flows at low fidelity first, to test information hierarchy before visual polish | |
| Prototyping | Building interactive flows in Figma, testing queries, transitions, and loading states a real user would move through, then iterating against mentor feedback from Ankit Pandole |
The sick-care system
Healthcare, as it exists today, is a misnomer. It's sick-care. The US spends $18 of every $100 on healthcare, more than housing, more than groceries, yet 95% of that spending goes to treatment, not prevention. The system is built to respond once something is wrong, not to help people stay well in the first place.
Into that gap has rushed a $6.3 trillion global wellness industry: Pilates, cold plunge, matcha, moringa, ashwagandha, all trending, most of it generic. Without knowing your own biomarkers, this advice is a guess. The data-driven alternative already exists at the top of the market. Bryan Johnson spends $2M a year tracking his aging. Peter Attia runs a concierge longevity clinic. But this level of personalised, evidence-based health data is locked to the 1%. Mito Health's bet: most of the value in that $2M protocol comes down to regular biomarker testing paired with evidence-based habits, made available for $349 a year.
What a possible solution looks like
A product that closes the gap between 'I did a blood test' and 'I know what to do about it' needs to do three things a static lab report cannot.
| What it means | ||
|---|---|---|
| Translate data into meaning | A number like 'Vitamin D: 54 ng/mL' means nothing to most people. The solution has to explain what it is, what it affects, and what to do, immediately, in plain language | |
| Personalise action, not just information | A generic report tells you your levels. A useful product tells you your plan, built from your goals, your diet, your lifestyle, your specific biomarkers | |
| Hold the emotional weight of the moment | Health data can be frightening. The solution needs to inform without alarming, and always leave the user with something they can act on |
Mito Health already had the science: 100+ biomarkers, an AI health assistant (Mito MD), and human clinician oversight. What was missing was the mobile experience that could carry a user through the moment their results arrive and turn data into a plan they'd actually follow.
Empathy map and target user
Who this is for: busy, health-conscious professionals with demanding jobs, the kind of person who wants to take care of their body but doesn't have the bandwidth to become their own biomarker expert.
Persona: Priya, 32. Works a 9-to-5+ job in a high-growth company. Does yoga twice a week, tries to eat well, follows health trends on Instagram but is quietly overwhelmed by how much conflicting advice exists. Has never had a full blood panel done before. Booked a Mito test out of curiosity and a growing sense that 'just trying to be healthy' isn't the same as actually knowing what her body needs.
Pain points
| Impact | ||
|---|---|---|
| Doesn't know what's clinically 'normal' vs what's actually optimal for her | Can't judge whether a result deserves action | |
| Gets anxious seeing unexplained numbers or red/orange indicators | Anxiety before understanding | |
| Has no time to sift generic wellness advice for what's relevant to her specifically | Advice fatigue, decision paralysis | |
| Wants to trust the recommendations but needs to know a real doctor is behind them | Trust gap with AI-only guidance |
Thinking in layers
I organised every design decision into three layers to stay disciplined about what the core experience actually needed versus what could wait.
| Features | ||
|---|---|---|
| Must have | Post-test home screen with biological age and biomarker summary; biomarker detail views in plain language; human clinician presence (Dr. Ryan Ware) for trust; questionnaire flow that builds a personalised health plan; calm, non-alarming visual language for health states | |
| Should have | Progressive disclosure via body-system filter chips; trend graph on each biomarker; stepped progress indicator through the questionnaire; contextual FAQs under each biomarker | |
| Nice to have | Rotating, reassuring copy during loading states; illustrated icons for warmth in the questionnaire; longitudinal view comparing biological age across tests; dual-range display (clinical normal vs Mito's optimal range) on every marker |
This layering kept the core flows from being buried under nice-to-have polish, and gave me a clear list of what to push on in future iterations.
Information architecture
The mobile experience is structured around four connected flows, sequenced to match the real order a user moves through them.
| Steps | ||
|---|---|---|
| Onboarding | Splash (product tone) → Sign-up → Verification | |
| Post-Test Home | Biological Age → Biomarker Summary → Body System Overview → Health Insights (clinician-reviewed) → Next Steps → Advance Testing | |
| Biomarker Detail | Value + Status → Trend Graph → Contextual FAQ (What is it? What does it mean?) | |
| Health Plan Creation | Goals (physical + mental) → Diet Preference → Dietary Restrictions → Lifestyle (work hours, sleep) → Loading → Personalised Health Plan → Individual recommendation detail |
The navigation is anchored by a persistent bottom tab bar: Home, Biomarkers, Appointments, Mito MD, keeping the AI assistant and the clinician-booking path always one tap away.
User flow
Splash screens carry full-bleed micro-organism photography over a dark background before a single number appears. Sign-up sits in a bottom sheet so the biological world stays visible behind the form.
The post-test home leads with biological age framed as an upward arc, then 88 markers in a healthy range before the 12 focus areas. Health Insights, including Dr. Ryan Ware's clinician card, moved out of a hidden carousel into full-width stacked cards.
The questionnaire builds the health plan across goals, diet preference, dietary restrictions, and lifestyle, with a stepped progress bar across every screen. The loading state rotates through reassuring copy: 'Reviewing your 100 biomarkers... Cross-referencing with longevity research... Your Mito MD is personalising your plan.'
Final decisions and outcome
| Final decision | Why | |
|---|---|---|
| Semicircle biological age gauge | Upward arc | A meter that ends implies life ending, an unintended anxiety-inducing metaphor |
| "Needs Attention / Optimal / Normal" | "Focus Area / Thriving / On Track" | Removes the traffic-light alarm response while keeping the same information |
| Biomarker counts shown before context | Positive framing first (88 healthy), focus areas second | Reassurance before data, anxiety reduction at the most vulnerable moment |
| Health Insights in a horizontal carousel | Full-width stacked cards | Critical findings like 'you are insulin resistant' cannot be hidden behind a swipe |
| Static "Your plan is getting ready" | Rotating, descriptive loading copy | Converts wait time into trust-building instead of a blank pause |
| Dense paragraph text on Ashwagandha screen | Icons, chunked sections, dosage table | Users don't read long text in a single pass, structure carries the information |
| Duplicate "What kind of diet do you prefer?" titles | Second screen renamed to "Any dietary restrictions?" | Distinguishes preference from necessity, removing user confusion |
The outcome is a mobile experience built around one governing idea: every screen should reduce anxiety before it introduces information. From the onboarding photography to the loading state copy, each decision was tested against that standard, including several that only became visible through mentor critique, not my own first pass.
Reflections
| Next step | ||
|---|---|---|
| Language testing | 'Focus area' is better than 'needs attention,' but I don't know if it's right. I'd run qualitative sessions with users who have health anxiety specifically, because in this product, copy is design | |
| Dual ranges on every biomarker | Standard clinical range next to Mito's optimal-for-longevity range, that nuance is the entire value proposition, and it isn't visible in the UI yet | |
| Longitudinal home screen | Trajectory (biological age six months ago vs today) is more motivating than a single snapshot ever will be | |
| Stress-testing anxious moments | Recruit 5 to 8 people who have received unexpected health news and watch where they pause, look away, or visibly react |
My grandparents practiced medicine with a philosophy modern healthcare has mostly forgotten: know the person first, the symptom second. Mito is trying to do the same thing. The biomarkers are the Ayurvedic examination, the AI is the vaidya's accumulated knowledge, the health plan is the Rasayana. The difference is it's now available to anyone with $349 and a blood draw, not only those born into families who kept the knowledge alive.
The hardest problem in health UX isn't information architecture or visual hierarchy. It's trust. Every decision either builds it or erodes it, often in ways the user never consciously notices. That's the work I want to keep doing.
- 01Designed four mobile flows for a YC-backed health biomarker startup.
- 02Core challenge: health data is an anxiety surface, not just an information surface.
- 03Every major decision tested against one standard: reduce anxiety before introducing information.
- 04Reframed biological age, relabelled biomarker states, moved critical insights out of a hidden carousel.
- 05Hardest problem in health UX is trust, not architecture.
More things I've built, owned, and shipped.
Like what you see?
Let's work together ↗