Femi Dashboard Design
UX/UI DesignHTML&CSSResponsive DesignProject Goals:
Femi is a leader in personalized digital healthcare in Israel, specializing in managing, operating, implementing, and monitoring technology-driven medical projects. Their services integrate innovative telemedicine solutions and a multidisciplinary team, including doctors, nurses, psychologists, and fitness trainers.The project aimed to enhance the efficiency and usability of Femi's digital dashboard, ensuring that medical professionals and administrators can access critical information quickly and make informed decisions. The redesign focused on improving data visibility, usability, and user experience to better support patient care and operational efficiency.
Work Proccess:
Working within RR Systems, a medical systems management software provider, I collaborated closely with Femi to redesign their dashboard, making it more intuitive, visually clear, and action-oriented.
Key Improvements:
- Reorganized Dashboard Layout: Optimized the arrangement of key elements to prioritize critical information.
- Added a Pie Chart for Patient Statuses: Provided a clear visual distribution of patient statuses for quick insights.
- Enhanced Data Tables: Improved readability by adding labels, icons, and structured formatting to make patient data easier to interpret.
- Alerts & Notifications Section: Introduced a dedicated patient alerts section, ensuring that urgent cases are addressed first.
- Refined Filtering System:
- Rearranged filters for better accessibility.
- Added selection text to indicate chosen filter values for improved user feedback.
- Modernized UI Design:
- Applied a calm, modern color palette aligned with Femi’s branding.
- Increased padding and spacing for a cleaner look and improved readability.
Outcome
The redesigned dashboard significantly improved data clarity, efficiency, and user experience, enabling medical managers to make faster, data-driven decisions while maintaining an intuitive interface.
Screens:
.png)
.png)