Challenge
Patients abandoned portals that felt like desktop software squeezed onto phones; iPad clinical use needed richer layouts.
Case study · 2024
Healthcare & Wearables
iOS & iPadOS care journeys patients actually follow
iOSiPadOSReact NativeREST APIsApplication Security
Client
Outpatient care network
Engagement
Patient app · iPhone & iPad
Duration
6 months
Year
2024
CarePath replaced desktop-feeling portals with adaptive React Native experiences for iPhone and iPad. Appointments, care plans, and secure messaging were prototyped in Figma — including tablet clinical layouts and accessibility annotations — then implemented behind hardened sessions so patients follow through and clinic floors can use tablets without friction.
A React Native patient app optimized for iPhone and iPad — appointments, care plans, and secure messaging.
Narrative
How the engagement moved from constraints to a shippable system.
Approach
We designed adaptive React Native layouts, accessibility-first UI, and secure messaging with session hardening.
Solution
CarePath feels native on phone and tablet, with care-plan nudges that improve follow-through.
Scope
What we delivered
Figma system for phone + iPad care journeys
React Native patient app for iPhone and iPad
Appointments, care plans, and secure messaging
Adaptive layouts for phone and tablet
Accessibility-oriented UI pass
Session hardening and secure messaging
Clinic floor iPad playbooks
Highlights
What stood out
Appointment no-shows reduced by 17%
WCAG-oriented accessibility pass
iPad layouts adopted by clinic floor staff
Figma prototypes aligned clinicians before build
Engagement flow
A repeatable rhythm from discovery through hardening — tuned to this product’s constraints.
01
Portal autopsy
Studied abandonment, accessibility gaps, and clinic tablet needs.
02
Figma adaptive design
Designed phone-first flows with rich iPad clinical layouts and a shared component library.
03
Secure build
Implemented messaging, sessions, and care-plan nudges in React Native.
04
Clinic rollout
Trained floor staff and measured no-show and engagement metrics.
Technology stack
The delivery stack behind this engagement — client surfaces paired with services, data, and infrastructure.
Frontend / Mobile
React NativeTypeScriptiOSiPadOS
Design
FigmaUI/UXDesign SystemsAccessibility
Backend & Security
NestJSREST APIsSecure MessagingSession Hardening
Outcomes
01
Appointment no-shows reduced by 17%
02
WCAG-oriented accessibility pass
03
iPad layouts adopted by clinic floor staff
Looking ahead
Add family caregiver modes and bilingual care-plan templates.
More work
Onboard the Apeiriion express
Tell us about your product, platform, or modernization goal — we'll assemble a senior squad and a clear delivery plan.