Sector(s)

Team Members

Project Team

Inclind, Inc
Beebe Healthcare

Visit the site

Visit the site

Organizations Involved

Beebe Healthcare is a regional hospital system that has been steadily growing to meet the needs of the growing population of Sussex County, Del. and, with that growth, came the need to create a new website experience that was completely patient-focused.

This project has been a long time coming. Inclind has been Beebe’s web development partner for 10 years, providing ongoing support on an aging Drupal platform. When the plans to upgrade and redesign started to become a real possibility, Beebe’s marketing team turned to Inclind for design and development.

The project included a design refresh, a migration of five other websites both on Drupal and Wordpress into one Drupal 8 platform and a re-architecture of content. Using Gutenberg for Drupal allows content creators to build visually interesting landing pages.

About the project

Clean, Modern Design
With guidance from Lyft, Beebe’s advertising agency, a modern design was developed using the atomic design approach to better reflect the Beebe brand. The design included a simpler navigation, interactive tabbed content areas to create interaction, designing visually rich landing pages, implementing accordions to show and hide content to streamline pages, feeds of card carousels for doctors, article content and locations, and creating modern post layouts are all improvements to make the new website more user-friendly.

Data-Driven Decisions
Design and content architecture was guided by user data analyzed from the current website. A/B patient testing allowed adjustments to be made in the design based on user feedback.

Better Page Layouts
The Beebe marketing team wanted the ability to create complex landing pages on the fly. Using the Gutenberg content editor facilitates this goal. Service line pages (cardiology, oncology, etc)  utilize custom designed blocks to help make content more visually appealing and to provide a more consistent visual system. By using the atomic design approach, the designer worked with the front-end developer to move the design elements into Pattern Lab to establish a living reference of the visual system. The Gutenberg content editor was chosen to facilitate the layouts of pages with the new visual elements.

D7 to D8 Migration
Five websites were migrated to Drupal 8 to take advantage of Drupal 8’s features. Inclind did a careful inventory of the thousands of pages of content to streamline the site architecture. Page content was converted to Gutenberg blocks and restructured to take advantage of the new visual system.

Faster and Better Searches
Data showed most users were searching for doctors or locations.  Locations went from a basic page on the old website to a feature with searches by services (imaging, labs, walk-in care), by specialty (cardiology, oncology) and zip code. Results are returned by proximity to the user both as cards and plotted on a map.  Searching doctors and providers was upgraded with filtering capabilities and speedy results. Doctors could be searched by specialty, name or location. Searches are powered by Solr for lightning fast results.

Project Outcome
The result is a patient-centered user experience that is optimized for speed and performance and provides content managers a more robust editing system with more control over page layouts. The website is positioned to evolve to make more use of future features to help the marketing better understand their audience and deliver the content tailored to visitor’s preferences.

“This website is really the culmination of many years of work and partnership between Beebe and Inclind,” said Rachel Swick Mavity, MS, project manager for the website redevelopment. “What we have launched is something I think all of Beebe and the community can be proud of and it is something that we can continue to build on and improve as we move forward.”
 

Why Drupal was chosen

The old Beebe Healthcare website was on Drupal 7. Goals includes enhanced functionality, third party integrations and personalization which aligned with the plan to upgrade to Drupal 8 to facilitate all of these components.
 

Technical Specifications

Drupal version:

Key modules/theme/distribution used:

Why these modules/theme/distribution were chosen

Gutenberg was a key module that was leveraged to give Beebe the level of flexibility and control they need to create unique page layouts featuring a blend of static and dynamic content.Not only did this unlock the layout control ability that many of our clients seek but also allowed us to create pre-built Drupal views that can be rendered using the Gutenberg layout tool.