Category
Company/Client
Team Member
Published on
Location
Lewes, DE (38.7746° N, 75.1393° W)
Slides
Challenge
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.
Solution
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.
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.
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.
Result
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.
Article Photo
Article Type
Case Study
{
"jsonapi": {
"version": "1.0",
"meta": {
"links": {
"self": {
"href": "http:\/\/jsonapi.org\/format\/1.0\/"
}
}
}
},
"data": {
"type": "node--article",
"id": "621ee0fd-3863-4659-b5e1-50da8b3250b3",
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3?resourceVersion=id%3A215"
}
},
"attributes": {
"internalId": 215,
"isPublished": true,
"title": "Beebe Healthcare Enterprise Website Upgrade \u0026 Redesign",
"created": "2022-07-15T14:03:35+00:00",
"changed": "2023-09-20T19:01:36+00:00",
"promote": false,
"sticky": false,
"metatag": [
{
"tag": "meta",
"attributes": {
"name": "title",
"content": "Beebe Healthcare Enterprise Website Upgrade \u0026 Redesign |"
}
},
{
"tag": "meta",
"attributes": {
"name": "abstract",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "link",
"attributes": {
"rel": "canonical",
"href": "https:\/\/www.inclind.com\/news\/beebe-healthcare-enterprise-website-upgrade-redesign"
}
},
{
"tag": "meta",
"attributes": {
"name": "robots",
"content": "index, follow"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:site_name",
"content": "Inclind"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:url",
"content": "https:\/\/www.inclind.com\/news\/beebe-healthcare-enterprise-website-upgrade-redesign"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:title",
"content": "Beebe Healthcare Enterprise Website Upgrade \u0026 Redesign"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:description",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:latitude",
"content": "38.77513"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:longitude",
"content": "-75.13974"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:street_address",
"content": "119 W. Third St., Suite 6"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:locality",
"content": "Lewes"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:region",
"content": "Delaware"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:postal_code",
"content": "19958"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:country_name",
"content": "United States"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:email",
"content": "hello@inclind.com"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:phone_number",
"content": "(800) 604-8139"
}
}
],
"path": {
"alias": "\/news\/beebe-healthcare-enterprise-website-upgrade-redesign",
"pid": 420,
"langcode": "en"
},
"body": null,
"articleType": "case-study",
"author": null,
"authorTitle": null,
"challenge": {
"value": "\u003Cp\u003EThis project has been a long time coming. Inclind has been Beebe\u2019s 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\u2019s marketing team turned to Inclind for \u003Ca href=\u0022https:\/\/www.inclind.com\/news\/16-best-healthcare-website-designs\u0022\u003Ehealthcare website design\u003C\/a\u003E and development. \u0026nbsp;\u003C\/p\u003E\u003Cp\u003EThe 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.\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003EThis project has been a long time coming. Inclind has been Beebe\u2019s 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\u2019s marketing team turned to Inclind for \u003Ca href=\u0022https:\/\/www.inclind.com\/news\/16-best-healthcare-website-designs\u0022\u003Ehealthcare website design\u003C\/a\u003E and development. \u0026nbsp;\u003C\/p\u003E\u003Cp\u003EThe 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.\u003C\/p\u003E"
},
"introText": null,
"location": "Lewes, DE (38.7746\u00b0 N, 75.1393\u00b0 W)",
"f_metatag": null,
"publishDate": "2022-07-15",
"result": {
"value": "\u003Cp\u003EThe 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\u2019s preferences.\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003EThe 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\u2019s preferences.\u003C\/p\u003E"
},
"solution": {
"value": "\u003Cp\u003E\u003Cstrong\u003EClean, Modern Design\u003C\/strong\u003E\u003Cbr\u003EWith guidance from Lyft, Beebe\u2019s 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EData-Driven Decisions\u003C\/strong\u003E\u003Cbr\u003EDesign and content architecture was guided by user data analyzed from the current website.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EBetter Page Layouts\u003C\/strong\u003E\u003Cbr\u003EThe 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003ED7 to D8 Migration\u003C\/strong\u003E\u003Cbr\u003EFive websites were migrated to Drupal 8 to take advantage of Drupal 8\u2019s 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EBetter Searches\u003C\/strong\u003E\u003Cbr\u003EData 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.\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003E\u003Cstrong\u003EClean, Modern Design\u003C\/strong\u003E\u003Cbr\u003EWith guidance from Lyft, Beebe\u2019s 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EData-Driven Decisions\u003C\/strong\u003E\u003Cbr\u003EDesign and content architecture was guided by user data analyzed from the current website.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EBetter Page Layouts\u003C\/strong\u003E\u003Cbr\u003EThe 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003ED7 to D8 Migration\u003C\/strong\u003E\u003Cbr\u003EFive websites were migrated to Drupal 8 to take advantage of Drupal 8\u2019s 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EBetter Searches\u003C\/strong\u003E\u003Cbr\u003EData 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.\u003C\/p\u003E"
},
"subheader1": null,
"subheader2": null
},
"relationships": {
"contentType": {
"data": null,
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/contentType?resourceVersion=id%3A215"
}
}
},
"category": {
"data": {
"type": "catTerm",
"id": "1c393ecc-d2a4-4630-afc0-83f831c30ac9",
"meta": {
"drupal_internal__target_id": 4
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/category?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/category?resourceVersion=id%3A215"
}
}
},
"companyRef": {
"data": {
"type": "node--client",
"id": "6dfc738e-7360-4685-823e-97076732a213",
"meta": {
"drupal_internal__target_id": 136
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/companyRef?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/companyRef?resourceVersion=id%3A215"
}
}
},
"image": {
"data": {
"type": "images",
"id": "7393fb86-1c24-4b29-9642-8317e5ce2da3",
"meta": {
"drupal_internal__target_id": 240
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/image?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/image?resourceVersion=id%3A215"
}
}
},
"slides": {
"data": [
{
"type": "images",
"id": "fe19221e-06e7-42ac-9909-7ed3f2e888a5",
"meta": {
"drupal_internal__target_id": 236
}
},
{
"type": "images",
"id": "fb2fe2ef-b8bf-4ab1-b347-9c20390a7887",
"meta": {
"drupal_internal__target_id": 238
}
},
{
"type": "images",
"id": "83023981-069a-4c60-9a33-b23de202fe39",
"meta": {
"drupal_internal__target_id": 239
}
},
{
"type": "images",
"id": "07b3d0ec-9d1f-49c2-8ede-d8763144be2d",
"meta": {
"drupal_internal__target_id": 237
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/slides?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/slides?resourceVersion=id%3A215"
}
}
},
"teamMember": {
"data": [
{
"type": "node--person",
"id": "ca22ccfa-7749-4118-9cf1-d3f11f759cf3",
"meta": {
"drupal_internal__target_id": 134
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/teamMember?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/teamMember?resourceVersion=id%3A215"
}
}
},
"tags": {
"data": [],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/tags?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/tags?resourceVersion=id%3A215"
}
}
},
"topic": {
"data": [
{
"type": "topicTerm",
"id": "1a993f8f-ee53-4048-ba7a-94e301547386",
"meta": {
"drupal_internal__target_id": 2
}
},
{
"type": "topicTerm",
"id": "8c44c30c-7ffe-44a0-bbfb-7642ac8d3b3c",
"meta": {
"drupal_internal__target_id": 17
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/topic?resourceVersion=id%3A215"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3\/relationships\/topic?resourceVersion=id%3A215"
}
}
}
}
},
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/621ee0fd-3863-4659-b5e1-50da8b3250b3?resourceVersion=id%3A215"
}
}
}