Solution
A modern data visualization interface was designed with intuitive filters for date, diagnosis, and location, along with multiple chart types to support flexible exploration. The layout emphasized clarity and ease of use, ensuring that even detailed data could be understood at a glance.
Responsibilities
✔️ Layout, appearance, states, and behaviors
✔️ Figma designs, creation & application of design system components
✔️ Application of brand palette
✔️ Design hand off and user acceptance testing
Data Visualization UI/UX
Designed a responsive, interactive experience in Figma to support the visualization of cardiology trends. Collaborated in design handoff, user acceptance testing, and multiple update phases.
Interactive Features
Designed a chart legend (activated on hover) that appeared over the data to reveal monthly numbers.
Created a system of multi-picker dropdowns (by adding to an existing design system in Figma) to support complex interactions and combined states.
VIDEO: The chart legend appears on hover and shows data for individual months. Motion tracking enables it to slide with the users movements.
Advanced Filtering
Designed an experience with filter field states, mult-picker dropdowns, date picker, and clickable filter chips for more advanced filtering.
VIDEO: Advanced filters in a pop-up module allow users to explore a variety of visualizations.
Mobile Layouts
Created in Figma to ensure mobile and responsive sizes rendered accurately.
Results
The first phases of the Cardiology Dashboard launched in 2025 and performs well as part of ReachMD’s suite of healthcare education tools. Additional features and modules will be added over time, using the existing design system and interface style as a base.
