- The Story
The first time most people meet a spirometer is in a cold consulting room, surrounded by graphs no one explains. Safey had already shrunk that hospital machine into a pocket device that streams FEV₁, peak-flow and SpO₂ to the cloud in real time. What it didn’t have was a digital journey that felt as friendly as the hardware was smart.
When rising demand for remote respiratory care exposed the gap, Safey turned to Vietne. The brief was sweeping: create an end-to-end experience—from patient app and clinician dashboard to a public website—that could guide a nervous first-timer through a lung test, flag danger to doctors in seconds and tell an outcome-first story to the market. All from scratch, ready for Safey’s in-house developers to code.
Raising the Bar in Connected Lung Care
Safey’s handheld sensors measure every breath and cough with lab precision, yet early-stage interviews revealed three universal pain points:
New users worried they would “blow wrong” and ruin the reading.
Pulmonologists spent eleven minutes per visit scrolling dense waveforms.
he public site led with baud rates and Bluetooth versions, not patient outcomes.
The challenge was clear: turn hard science into everyday confidence without hiding a single clinical detail.
Bridging Power with Simplicity
Vietne’s team immersed itself in home test sessions, shadowed respiratory nurses and mapped every touchpoint—from pairing the device to sending data to the EMR. Three design moves defined the new Safey experience:
A slow pulse animation cues the exhale; as air flows, a capsule fills from warm beige to calming teal. One sentence closes the loop: “All clear today.”
Instead of burying alerts in spreadsheets, the dashboard queues only out-of-range results. A click reveals raw waveforms and an exportable PDF.
The new website leads with outcome metrics (e.g., “93 % first-time test success, FDA Class II clearance”) and a clear call-to-action. Detailed engineering specs—sensor accuracy, BLE packet structure, encryption standards—sit behind collapsible accordions and downloadable PDFs, so power users get depth without cluttering the core message.
Two-Minute Test, One Big Save
Heather, a 54-year-old graphic designer with early-stage COPD, felt a subtle tightness in her chest after climbing the stairs one Sunday evening. Instead of shrugging it off, she opened the Safey app, clipped the pocket spirometer to her phone, and followed the on-screen pulse animation: inhale, exhale, done. Within seconds the screen shifted from calm teal to amber and displayed a clear message—“Below personal baseline, review recommended.” At the same moment, her pulmonologist received the same alert on his dashboard, complete with Heather’s last thirty readings for context.
A quick video consult the next morning led to a short steroid taper and an updated inhaler plan. Forty-eight hours later Heather’s lung function had bounced back, and she never set foot in the ER. What could have become a full-blown exacerbation was caught and managed in the time it takes to boil water for tea—proof that a two-minute test can change the entire trajectory of a week.
A Strategic UX Transformation
Eighteen patients, ten nurses and three pulmonologists helped us understand how fear, jargon and clunky navigation blocked adherence.
Desktop, mobile and clinician tasks collapsed into one streamlined journey, cutting nearly half the taps from a standard lung test.
Deep navy data blocks for focus, iris-purple actions for momentum and sand-beige backgrounds for breathing room—forty-eight WCAG-AA components exported as code-ready tokens.
Three interactive Figma rounds halved onboarding time and lifted first-try success to more than ninety percent.
Scroll-triggered motion and plain-language copy lifted dwell time by over fifty percent in A/B experiments.
Lessons in Digital-Health Design
A single green tick de-escalates anxiety faster than a perfect curve.
iny badges—“Algorithm v 2.3 · FDA Class II”—ended regulatory questions in a single sprint review.
Consistent colour tokens carried from onboarding illustrations to clinician data panes, uniting brand and accessibility in every pixel.
Next Horizon: Sustaining Momentum and Scaling Impact
Safey’s redesigned ecosystem has already proven its value—patients complete tests in half the time, clinicians act on-point data instead of noise, and inbound demo requests have surged. Yet the most exciting milestones still lie ahead.
Over the next 12 months Safey will roll out voice-based result summaries (“Your average FEV₁ is holding steady”), cohort-level risk heat-maps that flag population trends, and smart notification logic that adapts alert thresholds to individual baselines. Each feature will slot seamlessly into the existing design system that Vietne built, preserving the same calm visual language and one-tap workflows users now expect.
Quarterly UX audits and rapid prototype cycles are baked into the roadmap to keep accessibility, regulatory clarity, and brand coherence front and center. The mission remains unchanged: transform every breath of raw data into timely, human-readable insight—and, in doing so, set a new standard for remote respiratory care at scale.
