Application Development

6 Healthcare Websites That Get It Right

Jan. 4 2016
Chloe Lopez
Business Analyst

What role does your hospital’s brand play in bringing new patients through the door? How consistent is that brand experience online? Having a modern, user-friendly site is part of making that lasting impression. In many cases, it’s one of the first experiences potential patients will have with your hospital.

The following healthcare websites are awesome for many reasons, but let’s highlight the best of what they’re doing right.

1. Sharp Health

http://www.sharp.com/

Healthcare Website

Sharp’s website is visually engaging and thoughtfully organized. Right on the homepage we’re greeted with a hero video that gives us a taste for the “Sharp Experience.” The homepage contains some key components:

  • A message about Sharp, emphasizing the importance of their location in the San Diego community with links to their locations
  • Insurance links presented as three different solutions for three different types of prospective patients
  • An employee testimonial
  • A featured doctors section with a link to the Find a Doctor page

Important links are emphasized through careful placement with relevant and brief content instead of being thrown all together.

 

2. Children’s Hospital of Los Angeles

http://www.chla.org/

Healthcare Website Example

The header is an extremely important part of any website. Your user will always see it, so it’s best to keep it simple but informative. Most websites reserve space next to their logo to put common links and a search bar. The Children’s Hospital of Los Angeles decided to design their header a little differently. The header includes a bright donation button and their phone number for easy contact. They also placed their common links in a “quick links” dropdown next to the search bar. The header is the place to include information that all visitors should have access to.

 

3. Memorial Sloan Kettering Cancer Center

https://www.mskcc.org

The Memorial Sloan Kettering Cancer Center provides a space for their four main users: adult patients, child and teen patients, healthcare professionals, and research scientists.

MSKCC chose to use a mega menu to house the links for each type of user.

Healthcare Website Example of Megamenu

The mega menu expands with the links that each type of user would be interested in.

The links are ordered by category so it’s easier to find what you’re looking for. On top of that, the most important links are featured towards the bottom of the mega menu for easy access. There’s a lot of content on this site, but it doesn’t feel that way since it’s organized by type of user and what that user is interested in.

 

4. Chesapeake Regional Healthcare

http://providers.chesapeakeregional.com

Website Example

The Chesapeake Regional Healthcare website is another example of thoughtful design that is evident throughout the site and especially on the Find a Physician page. The Find a Physician page provides great elements to help patients find a physician that meets their needs.

The search and filter options on the left side of the page should seem familiar, since they’re styled like the sidebar on e-commerce sites like Amazon. The search bars and filters are broken up into different categories, including specialty, keyword, location, and language. Long filter lists are collapsed and can be expanded, keeping the sidebar short and allowing users to see the rest of the options. They even include an option to find doctors that are accepting new patients. The page also has a Google map to help users see where the physicians are located.

What may be common sense as a healthcare professional may not be so easy for a general user to understand. Using elements that are familiar to users will help them find what they’re looking for quickly. Chesapeake Regional Healthcare made a site that is informational while meeting users’ expectations.

 

5. Kaiser Permanente

https://thrive.kaiserpermanente.org/

Kaiser Permanente has facilities in cities across the United States. Kaiser’s website can automatically detect your location and show you content for your location, but you can also locate a specific facility on their Find a Facility page.

Kaiser Website

You can enter the name of the facility, your City, State, or Zip code, and the distance from that location you’d like to search. The Google maps interface is familiar, and their modified version includes flags for each type of facility in that area. The flags are easily distinguishable and make it easier to find specific facilities. The list of facilities that meet the criteria are also shown on the left with their addresses and a link to more details. This layout is more intuitive and a definite improvement on a simple locations list.

 

6. Florida Hospital

https://www.floridahospital.com

Hospital Website Example

Mega menus are useful for navigating large healthcare websites, but the landing pages the menu links to are just as important. Florida Hospital’s website uses landing pages and sidebars to organize its content. Each landing page (accessed from the main menu) has a sidebar menu with all pages that branch from this landing page. The content of the current page is displayed on the right. This structure allows you to display more content without compromising order and simplicity. Users still have access to the rest of the content through this landing page without it becoming a distraction.

Want to learn more?

Here are some more tips on optimizing the user engagement for your healthcare website.

 

More about Application Development

With over 100,000 users worldwide, Drupal is one of the top content management systems available. It's perfect for sites that require rich features and controllable customizations. Here are 7 ways that Drupal is more flexible than your current CMS.
API Healthcare
Healthcare APIs Bring Innovation