Premium Profile Program

2017 // Healthgrades

Context

Over 1 Million people a day use Healthgrades.com to find their healthcare providers. HG gives consumers information about the provider’s experience, patient satisfaction and hospital quality to make informed decisions.

HG’s business model is based on contracts made with hospitals to promote their affiliated providers with “premium” profiles.

The revenue from the paid profiles program was declining. The executives asked me to “fix” a list of items they didn’t like about the existing UI. The business wanted to increase calls to the “new patient phone number” and increase online bookings for the profiles who had that functionality

Challenges

Initially, the executive team provided me with a list of specific UI change requests.  But I wanted to take a holistic approach and use this as opportunity to improve the overall UX of the page.

This became the business’ top priority, which meant I had a very short time frame. I worked directly with the CEO and other VP executives, I was able to negotiate a wholistic re-skin that could be implemented quickly because I would make no new functionality or back-end changes.

My Role

  • Negotiated with executives to take a more holistic design approach to use cases they wanted to solve for.
  • Restructured information architecture and found ways to optimize content for the user and increase engagement with key CTA’s.
  • Visual design, keeping in mind the overall Healthgrades brand.
  • First designer to incorporate a 12-column grid and baseline grid structure to create rhythm and order and introduced a responsive design
  • Presentations to the executive management team, including the CEO

Results

  • Executive management team called the new design “200% better than the existing design”
  • Bounce rate improved by 5% (total traffic to page 70K-100K visits a day)
  • Trackable calls went down 20%. Total number of calls to new patient phone number (Healthgrades’ call center)
  • Intent to call existing patient number increased 72%
  • Quality: New patients conversions went up 3%
  • Call center more efficient: non-revenue generating calls went down by 25%
  • The project was handed off to a different designer and is currently being iterated on based on changes for SEO and other metrics

Process

My overall goals to improve the page were to:

  • Simplify content to make more consumable and scannable to the user
  • Make more CTA’s more actionable and extensible
  • Information architecture changes to group content in logical ways
  • Keep in scope, no functional or back-end changes
  • Increase CTA instances, once per section (appropriate by corresponding profile type)
  • Surface as much information as possible (don’t make the user dig for things)
  • Use of a grid for responsive and extensible design.

In order to move fast I created basic wireframes in order to present communicate my over-all intention to my stakeholder. I was able to get buy-in from the executives without discussing visuals. Once they approved the Information Architecture changes and basic restructure I was able to move on.

I looked at inspiration and created moodboards and a basic visual language to communicate my ideas with the Director of Design to make sure I was on the right track to both improve the design but also stay in line with the overall Healthgrades brand.

I created some basic sketches (paper and digital) and iterated to explore how all the content would fit and meet the business requirements.

Quickly exploring different layouts.

I wanted to surface as much important information to the user as possible. Being very mindful of keeping important info above the fold, especially contact details, basic stats and insurance accepted. I created the “contact ribbon” to highlight all the important business CTA’s and aggregate them in a way that would be easily digested by the user.

Previously, there had been no established grid or responsive strategy, I proposed we take the opportunity to use a 12-column grid and responsive design to improve the experience.

After a couple of presentations and multiple iterations the final solution was a cohesive, beautiful, simple and consumable profile.