Lumina Health

A telehealth mobile experience redesigned for accessibility, reducing patient onboarding time by 40%.

Client

Lumina Health Inc.

Timeline

14 Weeks

Role

Mobile Engineering & UX Design

Stack

React NativeTypeScriptNode.jsWebRTC
[PROJECT SCREENSHOT GOES HERE]
Scroll to Explore
Onboarding Time

Reduced patient signup friction

Active Users

Monthly active patients

App Rating

Across iOS and Android

Video Latency

HD telehealth calls globally

// 01_The_Brief

The Challenge.

The existing telehealth experience had a 73% drop-off rate during patient onboarding — users were abandoning the app before completing their first appointment.

Lumina Health's mission was to make telehealth accessible for everyone, from tech-savvy millennials to elderly patients with limited digital literacy. Their existing app, built by a previous agency, had poor accessibility, confusing navigation, and video calls that frequently dropped on low-bandwidth connections.

We were tasked with a full redesign and re-engineering of their React Native mobile app — improving onboarding flows, building a reliable WebRTC video stack, and ensuring WCAG 2.1 AA compliance across every screen.

Key Objectives

  • 01Redesign patient onboarding to under 3 minutes from first open
  • 02Build a reliable WebRTC video consultation engine
  • 03Achieve WCAG 2.1 AA accessibility compliance
  • 04Implement offline-capable prescription and appointment management
// 02_The_Solution

Engineered for Impact.

Accessible Onboarding

3-step progressive onboarding flow with voice guidance, reducing drop-off by 40% across all age groups.

HIPAA-Compliant Video

End-to-end encrypted WebRTC video calls with adaptive bitrate for reliable consultations on 3G networks.

Offline-First Architecture

Prescription history and appointment data cached locally with background sync when connectivity returns.

4.9★ App Rating

Smooth 60fps animations, haptic feedback, and a polished UI that earned top ratings on both app stores.

FPS: 60
TTI: 1.8s
Crash Rate: 0.1%
100
// 03_Under_The_Hood

Built on a
Modern Foundation.

We don't use page builders. We engineer robust software using the same tech stack as industry giants like Netflix and Uber.

React Native

Shared codebase for iOS and Android with native performance via Hermes engine.

TypeScript

End-to-end type safety from API responses to UI components.

Node.js + PostgreSQL

HIPAA-compliant backend with encrypted data at rest and in transit.

WebRTC

Custom video calling stack with adaptive bitrate and fallback to audio-only mode.

video-call.ts
123456789101112131415
master*0 errors
Ln 14, Col 32UTF-8TypeScript React
// 04_The_Visuals

Immersion in High Fidelity.

[ IMAGE: Patient Onboarding ]
01Patient Onboarding

// 3-step progressive onboarding with voice guidance for accessibility.

[ IMAGE: Video Consultation ]
02Video Consultation

// HD telehealth calls with adaptive bitrate and end-to-end encryption.

[ IMAGE: Patient Dashboard ]
03Patient Dashboard

// Unified view of appointments, prescriptions, and health records.