Mobile & Desktop Apps, Design System

Transforming Cardiac Care with Remote Web Technology.

Transforming Cardiac Care with Remote Web Technology.

Company: Rhythm Management Group

Rhythm Management Group, founded in 2011, specializes in remote monitoring services for patients with implantable cardiac devices, including pacemakers, defibrillators, heart failure monitors, and implantable loop monitors. Serving private practice electrophysiology and cardiology physician groups, as well as health systems, the company aims to enhance patient care through efficient and proactive data delivery to managing physicians.

Problem

  1. Inconsistent Component Library and Slowed Development
    Development has slowed due to a fragmented component library, with duplicate elements creating inconsistencies and inefficiencies.

  2. No Responsive Design for Mobile Scalability
    A lack of responsive design makes scaling difficult; building a mobile app will either require a full UI rebuild or the establishment of a scalable design system.

  3. Low user adoption rate

Project goals:

  1. Rebuild the design system with a focus on scalability

  2. Boost design development speed by 60% and frontend by 40%

  3. Lower mobile app implementation costs by $1.2 million

  4. Increase user adoption rate

Production

12 months, 100+ interview sessions and workshops

Process

Sitemap

User Personas

Analyzing the existing UX

  1. Installed Google Tag manager and tagged key CTAs

  2. Installed Hotjar and set the heatmaps and user session recordings

  3. Reviewed user data in Google Analytics for the past 6 months

Findings:

  1. Unintuitive user experience

  2. Not optimized for screens smaller than 1400px

  3. Users spend an average of 73 min per day manually reviewing 200+ patients with no disease indicators

Low-fidelity wireframes (New Layout)

The main focus is to create a scalable interface layout and boost feature adoption.

Patient Management Page

Fast Review Mode - foundation for future Ai Integration (Low-fidelity)

The new fast review mode streamlines the interface, removing unnecessary elements to focus on data analysis. Users can mark all patients with no disease signs as "reviewed" by simply scrolling and saving changes, boosting efficiency and supporting faster decision-making.

NEW patient profile page (Low-fidelity)

Setting up the foundation - Design System

New Branding Implementation

High-fidelity wireframes and prototyping

Patient Management Page

Patient Management Page - Fast Review Mode

Patient Profile

Patient Profile - Historical Data

CMS UI Development with live map and rute updates

  1. Inconsistent Component Library and Slowed Development
    Development has slowed due to a fragmented component library, with duplicate elements creating inconsistencies and inefficiencies.

  2. No Responsive Design for Mobile Scalability
    A lack of responsive design makes scaling difficult; building a mobile app will either require a full UI rebuild or the establishment of a scalable design system.

  3. Low user adoption rate

  1. Inconsistent Component Library and Slowed Development
    Development has slowed due to a fragmented component library, with duplicate elements creating inconsistencies and inefficiencies.

  2. No Responsive Design for Mobile Scalability
    A lack of responsive design makes scaling difficult; building a mobile app will either require a full UI rebuild or the establishment of a scalable design system.

  3. Low user adoption rate

Project results

  1. Reduced development and training costs

  2. Boosted frontend development speed by 60%

  3. Doubled design development speed and improved design consistency

  4. Enhanced brand loyalty

  5. Cut average user time spent reviewing patient data by 70%, from 73 min to 21.9 min per day

  6. Established a strong foundation for future scalability and mobile app development