Sutter Health Network
I led the Propane UX team in redesigning the entire Sutter Health website network.
Our design consolidated 30+ individual sites into one site tuned for modern devices.
Site Map (Partial)
Affiliate Home Page Sketch
I generally sketch wireframes first, before making digital versions. Working on paper or whiteboard speeds collaboration and ultimately saves time. This sketch illustrates use of headers to adapt a standardized page template to represent various individual hospitals' home screens.
Find a Doctor
Find a Doctor: Map View
Find a Doctor: Search Results
In showing the details about a particular doctor here, my goal was to humanize doctors and provide useful information about them (within medical industry requirements).
The screen also highlights the types of insurance accepted, a key piece of information users seek in choosing a doctor.
Offerings at facilities were broken down into Conditions (diseases and physical issues, along with explanatory information) and Services (typically treatments for the various conditions and needs of patients).
Here an overview page provides access to successive levels of information on common Diseases and Conditions.
A high-level/overarching Condition page hosts general information and provides links to more granular information about specific sub-types for that condition.
Crosslinks and secondary content also connected to other areas of the site, promoting wellness and long-term treatment options beneath condition descriptions.
Condition: Cancer: Breast Cancer
Healthy Living Overview
Healthy Living: Category Open
Content is designed such that the user can 'lens open' the portions of Healthy Living that interest them.
Tracking on the back end and persistence on the front end effectively allow customization of site content here and elsewhere without forcing users through a conscious configuration process.