Project Overview
Healthcare support, built around the people who give it.
Care Autor is a B2C healthcare platform for Alzheimer's and Autism care support. The challenge: translate deeply sensitive, high-stakes care requirements into intuitive modules that reduce caregiver burden.
B2C Healthcare
Freelance product design for a real healthcare startup entering a niche care market.
Three user roles
Caregiver, patient family, and care admin, each with distinct needs and permissions.
Accessibility first
Every decision made with cognitive accessibility and emotional clarity as core constraints.
📱Care Autor: app overview and key screens
Place full app overview screenshot here
The Problem
Caregivers are overwhelmed. The tools aren't helping.
People caring for Alzheimer's and Autism patients juggle medication schedules, therapy sessions, behavioral logs, and family updates, all across disconnected apps and paper notes.
Families and caregivers are doing critical care work with consumer-grade apps designed for healthy people. The result: missed medications, communication breakdowns, and caregiver burnout.
No unified care timeline
Medication logs, therapy notes, and behavioral records live in separate apps or on paper.
Communication gaps
Family members, caregivers, and clinicians had no shared view of the patient's current status.
Cognitive overload for caregivers
Existing tools required too many steps for basic tasks, exhausting for people already under emotional strain.
No role differentiation
Generic apps don't account for different levels of access needed by caregivers vs family vs administrators.
🗺️Problem space: caregiver pain point map
Pain point mapping · Stakeholder journey
UX Research
Listening before designing, especially in healthcare.
I ran stakeholder workshops, caregiver interviews, and observed live care routines before sketching a single screen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
I worked with stakeholders on UX research and product workflows, then structured the experience around role-based needs, low-friction onboarding, and accessible interaction patterns. Understanding the emotional weight of caregiving shaped every design decision.
🔍Research methodology: stakeholder interviews, observation, affinity mapping
5 caregiver interviews · 3 family interviews · 2 clinical observations
24+
Pain points identified
🧩Affinity diagram: synthesized research findings
FigJam affinity mapping session
Key Insights & Personas
Three roles, one platform, zero compromise.
Research revealed three distinct user archetypes with fundamentally different needs, all of which had to coexist in a single, cohesive experience.
Sarah, 34, Professional Caregiver
“I spend more time updating records than being with the patient.”
Needs quick logging with minimal stepsWants real-time updates shared with familyFrustrated by app-switching mid-task
The Mehta Family, Patient's Family
“We don't know what's happening unless we call every day.”
Wants a live view of care without micromanagingNeeds clear medication and therapy schedulesOverwhelmed by medical jargon in current tools
Dr. Kapoor, Care Administrator
“We have no single system of record for patient care.”
Needs staff assignment and shift managementWants compliance reporting without manual entryRequires audit trails for regulatory purposes
User Flows
Mapping every path through the care experience.
12+ core flows designed: from onboarding and role assignment to medication logging, therapy scheduling, and family status updates.
🔀User flow: caregiver daily routine (main flow)
Onboarding → Dashboard → Task logging → Handoff
👨👩👦Family view: patient status flow
Read-only family portal flow
🏢Admin flow: staff & schedule management
Role management · Reporting flow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Wireframes
Structure before style, especially in sensitive contexts.
Lo-fi and mid-fi wireframes were tested with real caregivers before any visual design. Clarity and cognitive ease were the primary success metrics.
📐Lo-fi wireframes: early sketches and FigJam flows
Sketch → FigJam → Figma lo-fi
📱Dashboard wireframe
Caregiver home
📱Task logging wireframe
Quick log flow
📱Patient profile wireframe
Patient detail view
🖼️Mid-fidelity wireframes: validated layout with caregivers
3 rounds of feedback · 8 participants
Visual Design
Calm, clear, trustworthy, always.
Healthcare design requires restraint. Every visual decision was evaluated against: does this reduce or add to cognitive load?
Typography: Inter
Display36px/800
Heading22px/700
Body text15px/400
Caption12px/400
Accessible. 4.5:1 contrast minimum enforced throughout.
🧩Component library & design tokens
Cards · Forms · Navigation · Status indicators
Final Screens
Every screen in service of the caregiver.
Final hi-fidelity screens across the three user roles: caregiver, family, and admin. Gentle hierarchy, direct copy, repeatable card patterns.
🖥️Caregiver dashboard: daily overview
Main screen · Hi-fi final design
📱Patient profile screen
Caregiver view
📱Medication log screen
Quick-log flow
📱Task scheduler
Therapy & routine
📱Family status view
Read-only family portal
📱Notification centre
Alerts & reminders
📱Admin: staff dashboard
Admin role screen
🔗Full prototype: connected care flow
All screens · Complete user journey
Accessibility
In healthcare, accessibility isn't optional.
Designed for caregivers who may be fatigued, anxious, or working in poor lighting. Every interaction standard was treated as a minimum, not a ceiling.
WCAG AA Contrast
Every text element maintains 4.5:1 minimum contrast ratio. Critical alerts use 7:1.
Readable Type Sizes
Minimum 16px body text. Caregiver tasks use 18px for quick scanning under pressure.
Large Touch Targets
All interactive elements meet 44×44px minimum. Primary actions are 56px tall.
Screen Reader Support
Semantic HTML, ARIA labels, and logical focus order across all flows.
No Color-Only Meaning
Status indicators always pair color with an icon or text label.
Cognitive Simplicity
One primary action per screen. No dead ends. Always a clear path forward.
♿Accessibility audit: contrast checks and ARIA validation
WCAG 2.1 AA compliance · Focus flow testing
Results
A clear product foundation for a complex healthcare idea.
The project established the complete UX foundation for Care Autor, ready for engineering handoff and investor demonstration.
The project established a clear product foundation for a complex healthcare idea, with accessibility, emotional clarity, and user-centered decision-making treated as core requirements, not afterthoughts.
📦Final design handoff: dev-ready screens with annotations
Figma handoff · Component documentation
Learnings
Designing for care taught me to design with care.
01Research depth matters more in high-stakes domains
In healthcare, a wrong assumption isn't just a UX failure; it's a real-world risk. Spending more time in research than design was the right call.
02Role-based design requires constant perspective-switching
What's a clarity win for a caregiver might be confusing for a family member. I learned to design each role's experience separately, then check for system coherence.
03Emotional context shapes interaction patterns
Caregivers log tasks when they're tired, worried, and distracted. That context changed everything, from button sizes to confirmation dialogs to default states.
04Simplicity is a feature, not a constraint
Every screen had to do one thing well. The temptation to add 'just one more option' was always there, and almost always wrong.
Next Case Study
AirIQ 365: B2B Flight Booking Platform
