Femi Dashboard Design

UX/UI DesignHTML&CSSResponsive Design

Project Overview

Client: Femi – Israel’s leading provider of personalized digital healthcare
Sector: Telemedicine, Healthcare Operations
Role: UX/UI Designer & Front-End Developer at RR Systems
Objective: Redesign Femi’s internal dashboard to enhance usability, data visibility, and decision-making for healthcare administrators and managers.

Project Goals

Femi combines innovative telemedicine technology with a multidisciplinary team—doctors, nurses, psychologists, and fitness professionals. To support fast, informed decision-making, they needed a dashboard that delivered clear insights, fast navigation, and smart alerting.

The main objective was to create a streamlined, data-focused UI that would help medical teams react faster, reduce errors, and manage operational complexity with ease.

The main objective was to create a streamlined, data-focused UI that would help medical teams react faster, reduce errors, and manage operational complexity with ease.

User Personas

1. Clinical Operations Manager

  • Oversees large patient volumes and multiple teams
  • Needs real-time overview of workload and case status

2. Medical Administrator

  • Handles patient data entry, compliance, and triage coordination
  • Needs clear, scannable data and intuitive filters

Collaboration & Workflow

I led both the UX/UI design and front-end implementation, working within RR Systems, a medical software provider. I collaborated closely with Femi's development lead and product manager, who shared ongoing user feedback and helped validate design decisions throughout the process.

Together, we:

  • Audited the existing system
  • Identified bottlenecks and usability pain points
  • Iterated rapidly on UI improvements, grounded in real use cases

Development Contribution

In addition to design, I also developed the entire HTML/CSS front-end of the redesigned dashboard. The result was a fully functional code template delivered to the dev team:

  • Clean and responsive layout
  • All components styled and structured
  • Ready to integrate — developers only needed to plug in live data

This reduced development time, ensured design accuracy, and allowed backend engineers to focus purely on business logic and data handling.

Key Improvements

Dashboard Layout Reorganization

  • Structured key content by priority
  • Optimized information hierarchy for fast scanning

Patient Status Pie Chart

  • Quick visual of overall patient distribution
  • Helped prioritize care and allocate staff

Improved Data Tables

  • Introduced smart labeling, row grouping, and iconography
  • Enhanced readability and usability

Alerts & Notifications Section

  • Clearly separated urgent cases
  • Brought critical data into immediate focus

Smarter Filtering System

  • Reordered filters by relevance
  • Added inline preview of selected filters

Modern Visual Language

  • Aligned with Femi’s brand tone: calm, professional, clean
  • Used padding and whitespace for clarity and comfo

Outcome

The redesigned dashboard transformed the way Femi’s teams worked. It delivered:

  • A faster, more intuitive experience
  • Enhanced focus on high-priority patients
  • A complete design-to-code handoff that saved engineering time

Thanks to a tight feedback loop with product, dev, and users, the final result was not only user-centered, but implementation-ready—bridging design and development seamlessly.

Screens: