UCSF BioScreen
Company
FABENOVEL
My Role
Lead Designer / Product / Branding
As a Product Designer at FABERNOVEL, I collaborated with project managers, developers, and the UCSF medical team to create an innovative iPad app dashboard for MS patients.
The project leveraged UCSF's newly available API to transform complex clinical, imaging, and biomarker data into an intuitive visual interface. This dashboard empowered healthcare providers to better understand and track individual disease progression, ultimately helping them determine the most effective course of treatment for their MS patients.
Business Challenge
UCSF needed to transform newly available API data into an actionable dashboard for MS patients
Healthcare providers require a visual way to track and analyze multiple data points (clinical, imaging, and biomarker information)
Complex medical data needed to be presented in an intuitive, user-friendly format for both clinicians and patients that was mindful of patients’ privacy
Strategic Approach
Research & Discovery
Collaborated with UCSF team to understand MS patient journey and clinical requirements
Mapped out key data points and visualization needs
Identified critical user flows for both healthcare providers and patients
Design Process
Created information architecture for complex medical data visualization
Developed wireframes and prototypes for iPad-specific interactions
Established visual hierarchy for clinical, imaging, and biomarker information
Iteratively refined design based on stakeholder feedback
Measurable Results
User adoption rates, this project went on to continue to raise additional funds for further iterations beyond our project scope.
Hours saved inpatient consultations
Improvement in treatment decision-making
Patient satisfaction scores
Clinical team feedback helped further evolve the dashboard and it’s capabilities.
My Contributions
Initial wireframes
Key iterations showing design progression
Final UI components for the ipad and web app
Design system elements
Scott Brothers DIY Ditties - Esurance
SFMTA App + Dashboard
Citizenshipworks Platform + Branding
PARISOMA Redesign
Digital Illustrations - Esurance
Allstate + Esurance Co-branding