Providence Genomics

How do we increase access to powerful genomics tools to physicians and patients across seven states?
Software
Adobe XD
Webflow
Role
Skills
UI Designer
Wireframing and prototyping
Frontend Developer
CMS architecture design
Website manager
Responsive design
Software
Adobe XD
Role
UI Designer
Frontend Developer
Website Manager
Skills
Wireframing and prototyping
CMS Architecture Design
Responsive Design
Role
UI Designer
Frontend Developer
Website Manager
Skills
Wireframing and prototyping
CMS architecture design
Responsive Design
Software
Adobe XD
Webflow

Project Overview

As part of Providence, a healthcare network serving 2.6 million people nationwide, Providence Genomics implements genetic testing, cancer treatment, and genomics research at an unprecedented scale. As part of several programs under Providence Genomics, I created websites that educated physicians and patients on how to incorporate cutting-edge genomics technology into their care.
Directing the Right User to the Right Program

Providence Genomics drew together a wide variety of programs, from research studies to patient-facing test orders. We had two core users: physicians assisting in internal programs or ordering tests for patients; and patients interested in tests. Some information was public and some was covered by HPAA. Therefore, we had to carefully design the site to be clearly navigable for users with a wide variety of goals.

Prototypes of the home page interactions were presented to stakeholders and developers, along with examples of movements from similar websites to get approval before proceeding to hi-fi designs.

Elevating Providence Style: Site UI

One our goals was to emphasize the cutting-edge nature of the Providence Genomics program by differentiating the graphic design from the home Providence site. We did that with banner image choice, bespoke graphic elements, and creating dynamic and interesting section compositions.  

See LIve Site

Expanding the Brand Family: Propel Genomics

Propel builds on top of previous successful genomics studies run by the Providence Genomics program- it is an end-to-end platform that creates clinical genomics trials for other systems. If your system is interested in genomics but needs help with implementation at scale, Propel is for you.

Creating a platform-as-a-service was not something that Providence had done before, so we wanted to differentiate the product with its own brand identity. I also wanted to set it apart from other genomics startups in the industry.

I created the logo and color scheme after a competitive analysis and built a visual language using a few selected design motifs (the helix ribbon and the underlined title style). I used this component library across the final website.

See LIve Site