Upgrading UNOLS’ Website to Drupal 10 for Enhanced Performance and Accessibility

{
    "jsonapi": {
        "version": "1.0",
        "meta": {
            "links": {
                "self": {
                    "href": "http:\/\/jsonapi.org\/format\/1.0\/"
                }
            }
        }
    },
    "data": {
        "type": "node--article",
        "id": "a74bb202-0556-4f1f-a61a-dfa8e8b4045a",
        "links": {
            "self": {
                "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a?resourceVersion=id%3A912"
            }
        },
        "attributes": {
            "internalId": 910,
            "isPublished": true,
            "title": "Upgrading UNOLS\u2019 Website to Drupal 10 for Enhanced Performance and Accessibility",
            "created": "2024-08-28T15:35:14+00:00",
            "changed": "2024-08-28T15:45:08+00:00",
            "promote": false,
            "sticky": false,
            "metatag": [
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "title",
                        "content": "Upgrading UNOLS\u2019 Website to Drupal 10 for Enhanced"
                    }
                },
                {
                    "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\/upgrading-unols-website-drupal-10-enhanced-performance-and-accessibility"
                    }
                },
                {
                    "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\/upgrading-unols-website-drupal-10-enhanced-performance-and-accessibility"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:title",
                        "content": "Upgrading UNOLS\u2019 Website to Drupal 10 for Enhanced Performance and Accessibility"
                    }
                },
                {
                    "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\/upgrading-unols-website-drupal-10-enhanced-performance-and-accessibility",
                "pid": 2295,
                "langcode": "en"
            },
            "body": null,
            "articleType": "case-study",
            "author": null,
            "authorTitle": "Shaun Tyndall",
            "challenge": {
                "value": "\u003Cp\u003EWith Drupal 7 reaching its end-of-life, UNOLS faced the pressing challenge of maintaining a secure, up-to-date website that could support its wide-ranging needs. The existing website was becoming increasingly difficult to manage, with outdated themes and functionalities that did not align with contemporary web practices. Additionally, there was a need to improve content management processes, enhance media handling, and ensure the website was \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003Efully accessible\u003C\/a\u003E to all users.\u003C\/p\u003E",
                "format": "basic_html",
                "processed": "\u003Cp\u003EWith Drupal 7 reaching its end-of-life, UNOLS faced the pressing challenge of maintaining a secure, up-to-date website that could support its wide-ranging needs. The existing website was becoming increasingly difficult to manage, with outdated themes and functionalities that did not align with contemporary web practices. Additionally, there was a need to improve content management processes, enhance media handling, and ensure the website was \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003Efully accessible\u003C\/a\u003E to all users.\u003C\/p\u003E"
            },
            "introText": {
                "value": "\u003Cp\u003EThe University-National Oceanographic Laboratory System (UNOLS) is a consortium of 59 academic institutions and national laboratories dedicated to advancing oceanographic research. To better serve its member institutions and facilitate the coordination of oceanographic research facilities and ship schedules, UNOLS needed to upgrade its website from Drupal 7, which had reached its end-of-life, to \u003Ca href=\u0022\/solutions\/website-migrations\/drupal-7-to-drupal-10\u0022\u003EDrupal 10\u003C\/a\u003E. Inclind was brought on board to execute this upgrade and ensure the website meets modern web standards and user expectations.\u003C\/p\u003E",
                "format": "basic_html",
                "processed": "\u003Cp\u003EThe University-National Oceanographic Laboratory System (UNOLS) is a consortium of 59 academic institutions and national laboratories dedicated to advancing oceanographic research. To better serve its member institutions and facilitate the coordination of oceanographic research facilities and ship schedules, UNOLS needed to upgrade its website from Drupal 7, which had reached its end-of-life, to \u003Ca href=\u0022\/solutions\/website-migrations\/drupal-7-to-drupal-10\u0022\u003EDrupal 10\u003C\/a\u003E. Inclind was brought on board to execute this upgrade and ensure the website meets modern web standards and user expectations.\u003C\/p\u003E"
            },
            "location": null,
            "f_metatag": null,
            "publishDate": "2024-08-28",
            "result": {
                "value": "\u003Cp class=\u0022mt-10\u0022\u003EThe successful upgrade to \u003Ca href=\u0022\/services\/drupal-websites\u0022\u003EDrupal 10\u003C\/a\u003E has placed UNOLS for continued success in managing its oceanographic research activities. With its updated theme and improved functionalities, the modernized website offers a faster, more responsive, and visually appealing experience for users. The streamlined content management system and enhanced search capabilities have empowered the UNOLS team to efficiently manage content and provide valuable resources to its member institutions.\u003C\/p\u003E\u003Cp\u003EThe improvements in media management and the commitment to accessibility have ensured that the website is welcoming and usable for all visitors, reflecting UNOLS\u2019 dedication to inclusivity. Additionally, integrating advanced analytics tools has allowed UNOLS to refine its digital strategy based on real-time user data continuously.\u003C\/p\u003E\u003Ch3\u003E\u003Cstrong\u003ELooking Forward\u003C\/strong\u003E\u003C\/h3\u003E\u003Cp\u003EThe completion of this project represents a significant advancement for UNOLS in maintaining a modern, functional website that supports its mission of coordinating oceanographic research. With a website that meets current web standards and is equipped for future scalability, UNOLS is well-positioned to adapt to evolving needs and continue delivering exceptional value to its members.\u003Cbr\u003EInclind is proud to have partnered with UNOLS on this important project and looks forward to supporting its ongoing digital transformation. By focusing on innovative, scalable solutions, we are committed to helping UNOLS leverage technology to achieve its goals and advance oceanographic research.\u003C\/p\u003E\u003Ch2\u003E\u003Cstrong\u003EAbout Inclind\u003C\/strong\u003E\u003C\/h2\u003E\u003Cp\u003EInclind is a renowned agency specializing in custom web design and development. We are committed to crafting digital solutions that have a significant impact. Our focus on partnership and innovation enables us to drive growth and enhance digital interactions across various sectors. Learn more about our projects and how we can elevate your digital presence at inclind.com.\u003Cbr\u003E\u0026nbsp;\u003C\/p\u003E",
                "format": "full_html",
                "processed": "\u003Cp class=\u0022mt-10\u0022\u003EThe successful upgrade to \u003Ca href=\u0022\/services\/drupal-websites\u0022\u003EDrupal 10\u003C\/a\u003E has placed UNOLS for continued success in managing its oceanographic research activities. With its updated theme and improved functionalities, the modernized website offers a faster, more responsive, and visually appealing experience for users. The streamlined content management system and enhanced search capabilities have empowered the UNOLS team to efficiently manage content and provide valuable resources to its member institutions.\u003C\/p\u003E\n\u003Cp\u003EThe improvements in media management and the commitment to accessibility have ensured that the website is welcoming and usable for all visitors, reflecting UNOLS\u2019 dedication to inclusivity. Additionally, integrating advanced analytics tools has allowed UNOLS to refine its digital strategy based on real-time user data continuously.\u003C\/p\u003E\n\u003Ch3\u003E\u003Cstrong\u003ELooking Forward\u003C\/strong\u003E\u003C\/h3\u003E\n\u003Cp\u003EThe completion of this project represents a significant advancement for UNOLS in maintaining a modern, functional website that supports its mission of coordinating oceanographic research. With a website that meets current web standards and is equipped for future scalability, UNOLS is well-positioned to adapt to evolving needs and continue delivering exceptional value to its members.\u003Cbr\u003EInclind is proud to have partnered with UNOLS on this important project and looks forward to supporting its ongoing digital transformation. By focusing on innovative, scalable solutions, we are committed to helping UNOLS leverage technology to achieve its goals and advance oceanographic research.\u003C\/p\u003E\n\u003Ch2\u003E\u003Cstrong\u003EAbout Inclind\u003C\/strong\u003E\u003C\/h2\u003E\n\u003Cp\u003EInclind is a renowned agency specializing in custom web design and development. We are committed to crafting digital solutions that have a significant impact. Our focus on partnership and innovation enables us to drive growth and enhance digital interactions across various sectors. Learn more about our projects and how we can elevate your digital presence at inclind.com.\u003Cbr\u003E\u0026nbsp;\u003C\/p\u003E\n"
            },
            "solution": {
                "value": "\u003Cp\u003ETo address these challenges, Inclind developed a comprehensive plan to upgrade the UNOLS website from Drupal 7 to Drupal 10, focusing on improving performance, accessibility, and user experience:\u003C\/p\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EDrupal 7 to Drupal 10 Upgrade:\u003C\/strong\u003E We successfully migrated the entire UNOLS website from \u003Ca href=\u0022\/solutions\/website-migrations\/drupal-7-to-drupal-10\u0022\u003EDrupal 7 to Drupal 10\u003C\/a\u003E, ensuring a seamless transition while maintaining the integrity of existing content and functionalities.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003ETheme Upgrade from Bootstrap 3 to Bootstrap 5:\u003C\/strong\u003E As part of the upgrade, we updated the website\u2019s theme from Bootstrap 3 to Bootstrap 5. This modernized the site\u2019s appearance and improved responsiveness and alignment with current \u003Ca href=\u0022\/solutions\/website-redesigns\u0022\u003Eweb design standards\u003C\/a\u003E.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EStreamlined Content Management:\u003C\/strong\u003E After comprehensively analyzing the existing content management workflows, we identified critical areas for improvement. We simplified the content management system, making it more intuitive and efficient for the UNOLS team to update and manage content.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EEnhanced Search Functionality: \u003C\/strong\u003EWe improved the site\u2019s search capabilities by leveraging Pantheon Solr, a powerful search solution that provides more accurate and faster search results, enhancing the overall user experience.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EImproved Media Management and Rendering:\u003C\/strong\u003E To optimize media handling, we implemented several enhancements that improved the management and rendering of images and videos, ensuring a smoother, more engaging visual experience for users.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EAccessibility Compliance: \u003C\/strong\u003EWe prioritized making the website accessible to all users. We upgraded the front-end experience to comply with \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003EWCAG 2.2 AA standards\u003C\/a\u003E, making the website more inclusive and usable for people with disabilities.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EComprehensive Testing:\u003C\/strong\u003E To guarantee that the upgraded website met the highest performance and usability standards, we conducted thorough quality assurance (QA) and user acceptance testing (UAT) across all devices and user scenarios.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EAdvanced Analytics Setup: \u003C\/strong\u003ETo provide UNOLS with deeper insights into user behavior, we integrated \u003Ca href=\u0022\/solutions\/analytics\u0022\u003EGoogle Tag Manager and Google Analytics 4\u003C\/a\u003E. These tools enable the organization to track key metrics and make informed decisions based on user interactions.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003ECollaborative Project Planning: \u003C\/strong\u003EWe worked closely with UNOLS throughout the project to ensure our solutions were delivered on time and within budget. This collaborative approach allowed us to tailor the project to their specific needs, ensuring a successful upgrade.\u003Cbr\u003E\u0026nbsp;\u003C\/li\u003E\u003C\/ol\u003E",
                "format": "basic_html",
                "processed": "\u003Cp\u003ETo address these challenges, Inclind developed a comprehensive plan to upgrade the UNOLS website from Drupal 7 to Drupal 10, focusing on improving performance, accessibility, and user experience:\u003C\/p\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EDrupal 7 to Drupal 10 Upgrade:\u003C\/strong\u003E We successfully migrated the entire UNOLS website from \u003Ca href=\u0022\/solutions\/website-migrations\/drupal-7-to-drupal-10\u0022\u003EDrupal 7 to Drupal 10\u003C\/a\u003E, ensuring a seamless transition while maintaining the integrity of existing content and functionalities.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003ETheme Upgrade from Bootstrap 3 to Bootstrap 5:\u003C\/strong\u003E As part of the upgrade, we updated the website\u2019s theme from Bootstrap 3 to Bootstrap 5. This modernized the site\u2019s appearance and improved responsiveness and alignment with current \u003Ca href=\u0022\/solutions\/website-redesigns\u0022\u003Eweb design standards\u003C\/a\u003E.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EStreamlined Content Management:\u003C\/strong\u003E After comprehensively analyzing the existing content management workflows, we identified critical areas for improvement. We simplified the content management system, making it more intuitive and efficient for the UNOLS team to update and manage content.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EEnhanced Search Functionality: \u003C\/strong\u003EWe improved the site\u2019s search capabilities by leveraging Pantheon Solr, a powerful search solution that provides more accurate and faster search results, enhancing the overall user experience.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EImproved Media Management and Rendering:\u003C\/strong\u003E To optimize media handling, we implemented several enhancements that improved the management and rendering of images and videos, ensuring a smoother, more engaging visual experience for users.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EAccessibility Compliance: \u003C\/strong\u003EWe prioritized making the website accessible to all users. We upgraded the front-end experience to comply with \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003EWCAG 2.2 AA standards\u003C\/a\u003E, making the website more inclusive and usable for people with disabilities.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EComprehensive Testing:\u003C\/strong\u003E To guarantee that the upgraded website met the highest performance and usability standards, we conducted thorough quality assurance (QA) and user acceptance testing (UAT) across all devices and user scenarios.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EAdvanced Analytics Setup: \u003C\/strong\u003ETo provide UNOLS with deeper insights into user behavior, we integrated \u003Ca href=\u0022\/solutions\/analytics\u0022\u003EGoogle Tag Manager and Google Analytics 4\u003C\/a\u003E. These tools enable the organization to track key metrics and make informed decisions based on user interactions.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003ECollaborative Project Planning: \u003C\/strong\u003EWe worked closely with UNOLS throughout the project to ensure our solutions were delivered on time and within budget. This collaborative approach allowed us to tailor the project to their specific needs, ensuring a successful upgrade.\u003Cbr\u003E\u0026nbsp;\u003C\/li\u003E\u003C\/ol\u003E"
            },
            "subheader1": null,
            "subheader2": null
        },
        "relationships": {
            "contentType": {
                "data": null,
                "links": {
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/contentType?resourceVersion=id%3A912"
                    }
                }
            },
            "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\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/category?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/category?resourceVersion=id%3A912"
                    }
                }
            },
            "companyRef": {
                "data": null,
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/companyRef?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/companyRef?resourceVersion=id%3A912"
                    }
                }
            },
            "image": {
                "data": {
                    "type": "images",
                    "id": "64e6dea2-5422-4291-b2fa-2ef465d5caca",
                    "meta": {
                        "drupal_internal__target_id": 1043
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/image?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/image?resourceVersion=id%3A912"
                    }
                }
            },
            "slides": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/slides?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/slides?resourceVersion=id%3A912"
                    }
                }
            },
            "teamMember": {
                "data": [
                    {
                        "type": "node--person",
                        "id": "f5d24a0c-4eb4-4741-b177-845813607a0a",
                        "meta": {
                            "drupal_internal__target_id": 382
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/teamMember?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/teamMember?resourceVersion=id%3A912"
                    }
                }
            },
            "tags": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/tags?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/tags?resourceVersion=id%3A912"
                    }
                }
            },
            "topic": {
                "data": [
                    {
                        "type": "topicTerm",
                        "id": "0d22be70-1b9c-4629-ab75-c23d7d1b6f44",
                        "meta": {
                            "drupal_internal__target_id": 142
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "1a993f8f-ee53-4048-ba7a-94e301547386",
                        "meta": {
                            "drupal_internal__target_id": 2
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "af01801b-20cc-498e-acb4-0b7c60c654fc",
                        "meta": {
                            "drupal_internal__target_id": 128
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "bb7854d4-fa7b-4cd7-8c65-06707ad8140e",
                        "meta": {
                            "drupal_internal__target_id": 129
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/topic?resourceVersion=id%3A912"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a\/relationships\/topic?resourceVersion=id%3A912"
                    }
                }
            }
        }
    },
    "links": {
        "self": {
            "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a74bb202-0556-4f1f-a61a-dfa8e8b4045a?resourceVersion=id%3A912"
        }
    }
}