08 — Telehealth Platform

Nexara
Health

Chronic condition management platform. Clinical team, real patients. The marketing site and onboarding were losing people before they ever reached a provider.

Telehealth Platform Next.js · Figma · Cloudflare · Resend
The problem

Real patients.
Broken onboarding.

Nexara Health had a working product — a clinical team managing chronic conditions via telehealth, with real patients in active care. What they had was an onboarding process that was losing a significant percentage of prospective patients before they completed signup, and a single generic homepage that couldn't speak to someone with type 2 diabetes the same way it spoke to someone managing hypertension. We did a full UX audit, redesigned onboarding, built condition-specific landing pages, and delivered provider portal UI in Figma for the internal dev team to build from.

What was built

Clinical precision.
Not hospital feel.

01
Condition-Specific Landing Pages

Not one generic homepage. Pages per condition — tailored copy, condition-specific provider matching, relevant outcomes data. Built in Next.js with shared component templates per condition type.

02
Provider Directory

Filterable by specialty, location, and telehealth availability. Provider cards with credentials, conditions treated, and booking CTA. Accessible-first — contrast ratios verified, touch targets sized correctly.

03
Patient Onboarding Redesign

Full UX audit documenting where drop-off was occurring and why. New flow in Figma — reduced to essential steps, progress indicator throughout, plain language at every decision point. Delivered to the internal dev team as a complete Figma handoff.

04
Provider Portal UI

Full Figma deliverable — patient list, appointment management, intake review, messaging interface. Complete component library. Built for the internal dev team to implement without Autiladus involvement.

05
HIPAA-Aware Intake Handling

Patient intake and contact forms handled through Cloudflare with appropriate data handling — no third-party analytics on intake pages, form data routed through compliant infrastructure, retention handled correctly.

06
Accessible-First Design

Contrast ratios checked to WCAG AA throughout. Type sizes generous — body text at 16px minimum, UI labels at 14px. Touch targets at 44px minimum on all interactive elements. Tested with screen reader.

Condition-specific pages

One homepage
wasn't enough.

A patient managing type 2 diabetes needs different information than someone managing hypertension. Generic copy doesn't convert for either. Each condition gets a landing page with tailored copy, condition-specific provider matching, and relevant outcomes data. All built from shared component templates — not 8 separate codebases.

Condition landing pages — tailored per condition
Metabolic
Type 2 Diabetes
Manage your A1C with a clinical team that understands the full picture — medication, nutrition, and monitoring in one place.
Cardiovascular
Hypertension
Blood pressure management shouldn't mean a visit every month. Our providers monitor, adjust, and check in remotely.
Mental Health
Anxiety & Depression
Therapy, medication management, and continuity of care — without the scheduling friction of traditional care.
Provider directory

Find a provider.
In three clicks.

Filter by specialty, location, and telehealth availability. Provider cards surface credentials, conditions treated, and a direct booking CTA. No dead-end search results, no pagination walls. The directory respects the patient's time.

Provider directory — filtered view
Filter
DR
Dr. Rachel Osei, MD
Endocrinology · Diabetes management, thyroid disorders
Telehealth Type 2 Diabetes Thyroid
Book visit
MK
Dr. Marcus Kim, DO
Internal Medicine · Metabolic conditions, preventive care
Telehealth Diabetes Hypertension
Book visit
Onboarding redesign

Drop-off was happening
at three points.

The UX audit identified three places where patients were abandoning the signup flow. The redesign eliminated unnecessary steps, moved essential information earlier, and added a progress indicator so patients knew how far they were from completion. Delivered as a complete Figma handoff — annotated, component-structured, ready to build from.

Before
Account creation
Email, password, confirm password, phone number.
Drop-off: 24%
After
Account creation
Email only. Password set after condition selection.
Drop-off: 8%
Before
Insurance
Required before showing any providers.
Drop-off: 31%
After
Insurance
Optional at signup. Can add before first visit.
Drop-off: 6%
HIPAA
HIPAA-aware implementation
Intake pages have no third-party analytics tracking. Form data routes through Cloudflare to the clinical system without passing through Nexara's marketing infrastructure. Data retention follows BAA requirements. Contact and intake forms use Resend with appropriate handling agreements in place.
Stack + Deliverables
Next.js Figma (full design system) Cloudflare Resend Tailwind v4 WCAG AA
Depth markers

Building something
in healthcare?

Book a Quick Call