Heart Failure Monitoring B2C/ Health providers dashboard and monitoring system Saas

The platform is a telemonitoring solution designed to oversee the health of heart failure (HF) patients from the comfort of their homes, eliminating the need for frequent visits to help save time, enhance patient comfort and safety, and predict the deterioration of their health. It is primarily utilized by cardiologists. You will find here a summary of the processes and a view of the design system.

The Noah Labs App caters to individuals coping with heart failure or undergoing post-surgery monitoring under physician supervision...

As the sole designer within the team,  I assumed leadership in the usability engineering processes necessary for the approval of a medical device.I facilitated interviews and co-design workshops, synthesized UX research findings, and assumed responsibility for designing, prototyping, and creating design documentation and a design system.Moreover, I took the initiative to establish a design system, enhancing the organization and documentation of files.

Timeline

Sep 2022 - Dec 2023


Tools

Figma, Figjam, Zoom, Balsamiq, Useberry, Usabilityhub, and good old pen and paper

Team

In addition to me as the UX/Ul designer, the team consists of the CEO, CTO, and three engineers

Role

Lead designer, Ux Research, Ui Design, End to end Testing, and Usability Engineering

Project Overview

Designing a Medical Device SaaS Product and B2C MVP App for the Senior Demographic

Research & Planning

Navigating MDR Compliance for a Regulated Medical Device and Designing a Heart Failure Monitoring App for Patients

Initial Stage: Understanding the Existing Dashboard:  
We started with a basic dashboard for doctors, which was being piloted by a few practitioners. Our primary focus was obtaining certification as a medical device, ensuring compliance with stringent MDR standards

Regulatory Approval: Navigating the MDR Process:  
Achieving medical device certification was our first milestone. While I focused on aligning user needs with regulatory requirements, the engineers ensured technical compliance, and the CEO and CTO guided the strategic direction. We dove deep into documentation, mapping out the MDR process step-by-step, and tackled each requirement as a team.With a small but dedicated team, we successfully reached this critical milestone.

Project Milestone

Foundation and MVP Redesign

Key Learnings and Achievements in Building a User-Centric Medical Device Solution:

Regulatory and MVP Setup

  • Focused on MDR preparation and redesigning MVP screens for both SAAS and patient app. Collaborated closely with stakeholders to understand HF patients’ needs.

Core Components Built

  • Created key components and templates for navigation, headers, and input fields to speed up future design work.

Efficiency Gains

  • Provide a dark mode option for users used to using Poof at night.

User Research

Gathering Insights from Healthcare Professionals

Phase 1:
Focus on MDR Compliance and Medical Device DevelopmentUnderstanding MDR Requirements
:
The initial focus was on navigating the MDR process to ensure the medical device met regulatory standards. With limited prior experience in the medical field, thorough research was needed, starting with learning about MDR requirements and understanding the complexities of medical device approval.

Competitive Analysis & Interviews:
To gain deeper insights, a competitive analysis was conducted, followed by in-depth interviews with 5 doctors and 3 nurses. These participants, from both hospital settings and private practices, shared their experiences with heart failure patients. Conversations highlighted challenges in tracking patient symptoms, desired features, and frustrations with existing tools and methods.

Usability Testing:
Insights from these interviews shaped the usability testing approach. Both guided tests, where participants completed specific tasks, and unguided tests, allowing free exploration, were used. This helped identify not only obvious usability issues but also more subtle design pain points in the dashboard.

Refinement of the Dashboard: Through multiple iterations, the dashboard was refined to ensure a more intuitive and user-friendly experience for doctors and healthcare professionals, making it a reliable tool for daily use.

Competitor Analysis and Design

Establishing a fresh, dynamic and scalable MVP B2C App

The MVP B2C app was developed specifically for heart failure (HF) patients, with an emphasis on making daily symptom monitoring simple and effective. A competitive analysis revealed key gaps in existing solutions, such as the need for a more intuitive daily tracking process.

These insights shaped the design approach, ensuring that the app addressed these gaps and better met patient needs.A core feature was a daily check-in flow, enabling patients to easily log their measurements and symptoms.

The final design included a clear, straightforward list on the homepage, making it simple for users to access the most important tasks. Patients could quickly update their daily goals, track symptoms, and send their measurements to their doctors.
Scalability was also a key consideration, with room for future features like medication tracking, educational resources, and feedback from healthcare providers. The goal was to create an app that was not only functional but genuinely supportive in helping patients maintain their daily routines, while allowing for growth as their needs evolved.

Project Milestone

Iteration and Refinement

A Journey Through Challenges, Innovations, and User-Centric Design Principles.

MDR Submission

  • Successfully submitted MDR documentation without usability revisions, achieving a key milestone.

Design System Beginnings

  • Formalized MVP components and created design system standards, cutting handoff time by 20% with fewer clarifications.

Faster Development Turnaround

  • Clearer processes and organized files allowed quicker feature updates and reduced rework, making iteration more efficient.

Second phace, developing more features for the patinet app

Establishing a fresh, dynamic and scalable MVP B2C App check the first colabration on the prduct before the launch read the blog here

Project Milestone

Expansion and User Feedback

Documenting Milestones, User Insights, and Strategic Growth Throughout the Year.

Improved Patient Engagement

  • Added new app features like weekly/monthly feedback, voice recording, and medication tracking, addressing low engagement with daily questionnaires.

Design System Growth

  • Expanded by 25% to include templates for the new features, supporting increased user functionality.

Consistency Gains and Positive Reception

  • QA time decreased, and feedback from doctors was enthusiastic—one noting the SAAS platform was "es macht Spaß" ("it’s fun"). This reflected a positive atmosphere around the product's usability and impact.

Final Reflections

Regulatory Complexity:
Navigating the MDR process presented a steep learning curve. Key strategies, such as deciding tasks, consulting with external experts, and using an external tool to track updates, helped create a structured approach. Regular discussions with the team ensured everyone remained aligned and aware of regulatory requirements, which facilitated a smoother certification process.

Balancing Usability with Compliance:
As a junior designer, having a structured, step-by-step approach was beneficial. This clear path allowed for focused learning and helped manage the excitement of designing and creating new features. While it was essential to adhere to compliance standards, the process also provided an opportunity to learn and grow in the field.

Managing Rebranding and Development:
Establishing the design system was a methodical way to transition from the old to the new visual identity. This approach ensured consistency and provided a framework for future design work. However, as features were developed faster than our small engineering team could implement them, limited testing opportunities with patients arose. This challenge was further complicated by language barriers and geographical distance, making it difficult to gather valuable feedback on prototypes for the patients app.

Project Milestone

Stabilization and Documentation

Documenting Milestones, User Insights, and Strategic Growth Throughout the Year.

Faster Onboarding

  • The design system cut onboarding time for new team members by 30%.

  • Achieved a 15% reduction in design iterations and smoother QA cycles.

Increased Patient Participation

  • The number of patients using the app rose from 10 to 30 individuals, representing a 200% increase in user participation as more patients began actively utilizing the app for daily monitoring and symptom tracking.

Transition to Subscription Model

  • Successfully moved from testing to a subscription-based model, resulting in clinic usage increasing from 2 to 5 clinics, reflecting a 150% growth as more doctors engaged with the platform, contributing to key OKRs focused on user experience and engagement growth.