Most health apps report yesterday. Lumen shows where you are heading, and what to do about it this week.
- ProblemHealth data is scattered.A watch, a lab report and a doctor’s file each speak their own units and rhythm, and none of them says what to do.
- PrincipleDirection over raw numbers.“You are heading here” is easier to act on than “HRV 58 ms”. Every screen leads with a trajectory, then shows the data behind it.
- ProductOne model, one plan.Signals feed a digital twin; the twin projects scenarios; the plan turns the best one into small daily moves.
Digital twin · landing page and dashboardReal interface, real readings
Future health, area by area.
01 · Health areas → Connected Health
Every area on the landing page is a door into Connected Health. Hover or tap a card and its chapter opens: a picture first, then what Lumen reads and where it is heading.
Real pages of the live site, captured at 1440Hover a card or pick a chapter
Every signal, one health story.
02 · Connected signals
Each source keeps its own rhythm, labelled on its card: live, nightly, quarterly, once. Lumen aligns them to your changing baseline instead of a population average.
Five rhythms, one baseline
Every source, at its own pace.
A watch speaks every second, a lab every three months, DNA once in a lifetime. Lumen does not average them; it reads each one at its own pace and only moves the baseline when a change holds.
- LiveSmartwatch, wearablesHeart rate · HRV · activity
- NightlySleep trackerStages · timing · temperature
- QuarterlyBlood testsBiomarkers from one draw
- OnceDNA analysisPolygenic risk · metabolism
- SyncedSmart ring, recordsSpO₂ · GP · cardiology
The twin, up close.
03 · Digital twin
- Lumen health score38 signals, recalculated overnight
- 84/100
- Biological age2.5 years younger than passport age
- 32.8yrs
- Pace of agingHow fast you are ageing right now
- 0.82yr/yr
- 12-month outlookIf the current plan holds
- −1.8yrs
Data stands next to the person. Readings are pinned to the body with thin leader lines, so the numbers never float without context.
The same twin appears on the landing page as a promise and on the dashboard with the member’s own numbers. One component, two jobs.
Choice → outcome.
04 · Future scenarios
Each scenario pairs a few habits with the result Lumen projects for them, so the reason to change comes with the change.
01 · Recovery
02 · Longevity
03 · Cognitive
Every input recalculates the projection · try Explore scenario
A plan that moves with you.
05 · Adaptive plan
The best scenario becomes small moves on a calendar: morning light, a protein-first lunch, wind-down, a sleep window. Each has a time and a reason.
When recovery drops, the plan changes overnight, and an AI card explains what moved instead of silently rewriting the week.
- ViewsToday · Week · Month
- ChangesExplained, reversible
- On a phoneDay picker + list
Why the week changed
Recovery first, then everything else.
After two intense days the recovery score dipped. Lumen pulled the sleep window earlier, added a screen-free wind-down and kept the next strength session short. Each move appears in the plan with its reason, and each can be undone.
- 21:45Wind-downNo screen
- 22:30Sleep window8 h 10 min
- 08:00Strength sessionLower body · 42 min
Lumen
/ today
Six small moves
A daily plan that adapts overnight to your recovery, sleep and calendar. Small steps, compounding every week.
Morning light12 min after waking
Protein-first breakfast30 g before carbs
Up next
Recovery walk35 min · Zone 1
Wind-downScreens off
Sleep windowTarget 8 h 10 min
Biomarkers, in plain language.
06 · Lab results
A blood panel usually reads like a foreign language. Each value sits against the member’s own optimal range, with one word that says what it means.
- Below optimal
Outside the member’s range. The plan reacts first to these.
- Near edge
Still in range, drifting. Watched at the next panel.
- Optimal
Where it should be. Shown, but never shouted about.
Drag the edge.
Responsive · 360–1440
Captured from the live site at every 40 pixels. Pull the handle or pick a width, and switch sections to see how the hero, the twin and the plan re-compose.
- 390 · PhoneIn one handThe menu folds away, the week becomes a day picker, scenarios become a swipe row.
- 768 · Small tabletStackedSections stack into one reading line; images keep their crop.
- 1024 · TabletTwo columnsThe health cards regroup into a masonry, side notes move under the headlines.
- 1440 · DesktopThe stageCards float in one row, the week sits in seven columns, data stands next to the person.
Your data. Your rules.
Privacy · ownership
Health data is the most personal data there is. The member decides what is shared, with whom, and for how long.
- Share with your doctor
A read-only view, for as long as the member decides.
- Revoke anytime
Pause a source or end access in one step.
- Export everything
Every reading and report, exported or deleted on request.
Encrypted in transit and at rest · never sold · no advertising profiles
In one hand.
Mobile · 390
Every page folds into one column without losing its order. Nothing is hidden on mobile, it is re-composed: carousels become swipe rows, side notes drop under headlines, the twin stacks above its numbers.
Same content · same order
What I did.
Role
- 01
Positioning
Framed Lumen around one promise, direction over raw numbers, and wrote the story the landing page tells. - 02
Product architecture
Four surfaces with clear jobs: landing, health hub, dashboard and sign-in, sharing one set of components. - 03
Interface & art direction
Fog-grey pages, glass and iridescent imagery, Manrope, and one gradient reserved for actions. - 04
Design to code
Figma to production, every block mapped one-to-one, responsive from 1440 down to 360, and shipped.
