Beebe Healthcare Enterprise Website Upgrade & Redesign
A Regional Healthcare System that Continues Growth to Meet the Needs of the Eastern Shore Community
Beebe Healthcare serves the Sussex County community with a medical center located in beautiful, historic Lewes, Delaware, and convenient outpatient locations throughout the county. Founded in 1916 by two physician brothers, Drs. James Beebe and Richard C. Beebe, the medical center in Lewes is a 210-licensed-bed, not-for-profit seaside community hospital. Beebe's specialized service lines include cardiac and vascular, surgical services, oncology, women's health, and orthopedic services. Beebe offers an array of inpatient, outpatient, emergency, and diagnostic services.
LOCATION: Lewes, DE (38.7746° N, 75.1393° W)
This project has been a long time coming. Inclind has been Beebe’s web development partner for ten years, providing ongoing support on an aging Drupal platform. So when the plans to upgrade and redesign became a real possibility, Beebe’s marketing team turned to Inclind for healthcare website design and development.
The project included a design refresh, a migration of five other websites 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 exciting landing pages.
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 showand 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.
Design and content architecture was guided by user data analyzed from the current website.
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.
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.
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.