Lifeforce

Product Design

Lifeforce is a longevity telehealth company backed by Tony Robbins. Members get a blood draw every 3 months, a telehealth visit with a clinician, a health coach, and supplements or prescriptions shipped to their door.

I led product design there for over 3 years, as the company grew from a couple hundred members to over 10,000. I designed the member dashboard, the checkout, the scheduling flows, and the Clinician Care Team Portal, an internal tool that allowed clinicians to see a member's biomarkers, wearable data, lifestyle information, supplements, and prescriptions in one place. Everything we built had to be HIPAA and SOC2 compliant.

Testimonial

"Nicolas and I have a long history of product development successes. As a member of my Lifeforce team, he brought rigor and intelligence to the design process. His design system, fully implemented in code, became the source of truth for internal design documentation and allowed the front-end team to get features into production three to four times faster. I trust him to work cross-functionally and provide constructive feedback to push design forward that is brand forward, sensible, and easy to use."

Brett UlrichVP of Engineering at Lifeforce

About the project

Notes on the process

I designed in code, so every screen lived in a design playground as a working page. Engineers built from real markup, and every state was there to click through (errors, loading, empty). In 2024 I redesigned the full member experience on top of a new component system, following the rebrand. According to Lifeforce's VP of Engineering, the coded design system allowed the front-end team to get features into production three to four times faster.

Modular checkout

Lifeforce sells a monthly membership, supplements on subscription, prescriptions that refill every 25 days, one-time purchases, and lab panels that get added to a member's next blood draw. Previously, checkout had set steps and wasn't set up for A/B testing. I designed the cart line item, totals table, coupon field, and payment form as separate components so that the same parts could be assembled into different flows.

The modular design allowed our performance marketing team to design A/B tests with different copy and configurations. For example, they could show or hide the nav bar, show testimonials or not, and change the copy, all without a new design or a rebuild of the flow.

New customers buying a membership got a loginless, payment-only checkout. It asks for an email instead of a password and skips the shipping step, since nothing ships until after the first blood draw. Previously, checkout required an account and had more abandoned carts.

Existing members adding to their plan skip checkout altogether. A single Confirm Additions modal lists the items, uses the shipping, billing, and payment information on file, and links to Account Details for anyone who needs to change them. This increased plan adoption, as adding a supplement or a lab panel became a single confirmation.

The line item had to hold a lot. One component shows the billing frequency (monthly, 25 days, one-time), the member price next to the struck-through retail price, the quantity, and notes like "Completed during your next blood draw." The totals table shows member savings as its own row, as it's a benefit of the membership worth showing at the moment someone pays.

Scheduling flows

Members schedule three kinds of appointments: a blood draw (in-home or at Quest Diagnostics), a telehealth visit with a clinician, and calls with a health coach. Previously, there was a scheduler to request an at-home blood draw, but the actual scheduling was done over the phone. I designed one stepper that all three flows share, where each completed step collapses into a summary and a side panel explains how to prepare.

The blood draw flow starts with the add-on panels, since what's in the order decides where the draw can happen. For example, the Advanced Cognition Panel requires special handling and can't be drawn at home. The location step explains why and gives the member two ways forward right in the notice: schedule a walk-in at Quest Diagnostics or remove the panel from the order.

The same step states the rules that would otherwise become support tickets. It lists the states and territories we couldn't service, says that in-home draws need a physical address (no PO boxes), and explains that Quest appointments are recommended but walk-ins work. The prep panel changes with the order as well (fast for 10 hours, no seafood or red wine for 72 hours before a Heavy Metals Panel, no biotin before a Brain Protection Panel).

Telehealth asks for consent on the first visit only, then asks which state the member will be in during the appointment, as clinicians are licensed by state. The answer doesn't change the billing or shipping address on the account, and the step says so to avoid a call to support.

Over 90% of appointments are now self-scheduled, with no phone call needed.

Lifescore

Lifescore is a number from 1-100 that tells a member how they're doing overall, with a goal of staying at 85 and above. The clinical team and engineering developed the scoring system, with feedback from executives, brand, and product leads. It runs on a Python-based API that takes medical biomarker data, self-assessment questionnaires, gender, and biological age. I worked on how to display the data, and getting it into a digestible format was one of the biggest tasks of the project besides the algorithm itself.

A single score is only useful if the member can see what's behind it. The page breaks the score into its three inputs (Quality of Life, Longevity Risk, and Biological Age), then breaks Longevity Risk into five areas: cardiovascular, dementia, osteoporosis, cancer, and metabolic. Each level has its own About section that says how it's calculated and what the target is.

Top Contributors and Top Detractors name the actual inputs with their values (Albumin 5 g/dL, Total Sleep 8h 21m, 10+ drinks/week). This allowed a member to go from the score to something they could change, and gave clinicians a place to start the telehealth visit.

The visual came out of the logo rebrand project, and the score animates with overlapping SVGs and CSS. Lifescore 2.0 added the score over time, as members retest every 3 months and the trend is what tells them whether the plan is working.

Key results

The core products we launched increased ARPU by roughly 25%. We also reduced telehealth, shipping, and general appointment scheduling support issues by roughly 65%, most notably through the scheduling flows for in-home blood draws and telehealth appointments across the United States. Membership grew from a couple hundred to over 10,000 during the engagement.

Screenshots