Providence & Swedish
Making healthcare a little easier


Developed visual language for a suite of provider & patient healthcare tools.
My time with Providence Health & Services' innovation group as a user experience designer
was focused on two distinct digital product categories. 
-
First, improving an on demand emergency room video platform with remote diagnostic instruments. 
Partnering with Sunny Lee & Kelly Elston to research Providence's established caregiver process
and protocols- a service management dashboard and workflow was developed and tested onsite, 
primarily in service of extending availability for tele-stroke and tele-psychiatry care. Secondly, a quartet
of established outreach services were rearchitected as a suite of Express Care options and brought
together on a shared marketing & scheduling platform with a multitenant architecture.
-
Was able to develop a personal process of leveraging Abstract (git), Sketch (layout),
Invision (public prototyping), Zeplin (internal prototyping), along with the Adobe Creative
Cloud
(asset production). The visual design system was based on Google's Material language
but out of the box it felt too cold for the healthcare world. After partnering with my engineering
team, we developed a solution of taking React Toolbox and subbing in a humanistic typeface,
rounded some corners and generally opened up the vanilla styles (more padding). By working
with these tools, we were able to more fluently migrate my interaction & visual work into
react components via direct collaboration in Storybook.
-
Interactive prototype (Invision / Craft)
-
Team presentations
Integrated Consumer Experience - Web & Native design preview
Scheduling & Registration wireframe review
Account Management wireframe review
-
 

 Provider view of video service from a cart situated in an patient's room. Clockwise from the top left: Patient information card with NIH stroke scale tool, provider account, audio/video controls, remote camera controls, saved xyz view positions, self view, on cart tool controls. We did a facial detection prototype during one of the group's hackathons. 

Provider view of video service from a cart situated in an patient's room. Clockwise from the top left: Patient information card with NIH stroke scale tool, provider account, audio/video controls, remote camera controls, saved xyz view positions, self view, on cart tool controls. We did a facial detection prototype during one of the group's hackathons. 

 Example of switching to the handheld JedMed video tools.

Example of switching to the handheld JedMed video tools.

 Telestroke dashboard for centralized management of session requests and hardware connectivity with partial Epic api integration for patient records.

Telestroke dashboard for centralized management of session requests and hardware connectivity with partial Epic api integration for patient records.

 Design language being applied to a provider's detail view.

Design language being applied to a provider's detail view.

 Custom skin for prototype dashboard (patient detail view) built on Salesforce.

Custom skin for prototype dashboard (patient detail view) built on Salesforce.


 A clinic location page with appointment time selection, symptom triage, insurance coverage and costs, 

A clinic location page with appointment time selection, symptom triage, insurance coverage and costs, 

 An example of different form states used throughout the paperwork sections.

An example of different form states used throughout the paperwork sections.

 Material's card based structure was imposed on the sign up forms.

Material's card based structure was imposed on the sign up forms.

 Toast and a status bar error states

Toast and a status bar error states

 Progress indicators and success states were imposed to clarify user actions.

Progress indicators and success states were imposed to clarify user actions.

 Pared down video interface for virtual triage service, with text chat.

Pared down video interface for virtual triage service, with text chat.

 A user flow, as seen in a Sketch + Invision's Craft prototyping method.

A user flow, as seen in a Sketch + Invision's Craft prototyping method.

 Leveraged Material's mentality for simple theming variations.

Leveraged Material's mentality for simple theming variations.

 Standardized type system across breakpoints,  Source Sans Pro

Standardized type system across breakpoints, Source Sans Pro

 A 960px wide 12-column structure and 16px baseline grid formed the basis of the Material modifications.

A 960px wide 12-column structure and 16px baseline grid formed the basis of the Material modifications.

Example of theming control

 

Collaborated on information architecture and interviewed patients to determine decision making criteria and layout priority.

 

Worked with design & research partners to help develop a mapped out user flow.

In addition to accommodating for native apps to interact with web services.

Mobile wireframes for video visits.

Administrative dashboard wireframes. Many iterations until we ended up with something that helped the staff and didn't add daily stress.

 Popout diagnostic test for video services.

Popout diagnostic test for video services.