Skip to content
VIEW
NIMBUS
Back to Work
Next.jsSupabaseHealthtechDashboardData Visualisation

Pulse — Health & Wellness Dashboard

Healthcare has always fascinated me — not just the science, but the design problem. How do you take something as complex and personal as someone's health and present it in a way that actually helps them? Every health app I've used dumps raw numbers at you and expects you to figure it out. Pulse is my answer.

THE CHALLENGE

The core problem wasn't technical — it was trust. Health data is deeply personal. People need to feel safe with an interface that shows them their heart rate trends, sleep patterns, and calorie intake.

That means no alarming red screens, no gamification that creates anxiety, and no overwhelming data dumps. The interface had to feel calm and trustworthy while still being genuinely useful — showing you exactly what you need to know without making you a hypochondriac.

On the technical side, the challenge was unifying data from multiple wearable ecosystems into a single coherent view with real-time sync, drill-down timelines, and cloud-persisted logs with proper per-user security.

  • Design a calm, trustworthy UI for sensitive personal health data
  • Useful without causing health anxiety — no alarming screens
  • Unify data from Apple Watch, Fitbit, Garmin, and Google Fit
  • Cloud persistence with per-user row-level data security
THE SOLUTION

I designed Pulse as a modular dashboard with six health widgets — heart rate, sleep, activity, nutrition, hydration, and wellness. Each widget shows its data source with a small tag ('Apple Watch · 2 min ago') so you always know what's tracking what.

A colour-coded status system replaces raw numbers with instant understanding: green means you're good, amber means pay attention, red means act now. Click any widget to drill into a full detail view with 24-hour timelines, weekly and monthly Recharts trend visualisations, and contextual insights.

Every widget features a Log button — a clean modal for manual health entry stored in Supabase with per-user row-level security. The visual language is deliberately soft — warm whites, sage greens, gentle gradients, rounded corners. Health data shouldn't feel stressful.

  • 6 health widgets — heart rate, sleep, activity, nutrition, hydration, wellness
  • Colour-coded status system — instant clarity without raw numbers
  • 24h timelines + weekly/monthly trend charts via Recharts
  • Manual log modal with Supabase RLS for per-user data security
  • Soft visual language — warm, calm, deliberately not clinical
RESULTS

The impact

0Health Modules
0Wearable Integrations
0Row-Level Security
0Trend Timelines
NEXT PROJECTKōji