Femi Dashboard Design
UX/UI DesignHTML&CSSResponsive DesignProject 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:
.png)
.png)