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

The 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 Drupal 10. Inclind was brought on board to execute this upgrade and ensure the website meets modern web standards and user expectations.

With 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 fully accessible to all users.

To 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:

1. Drupal 7 to Drupal 10 Upgrade: We successfully migrated the entire UNOLS website from Drupal 7 to Drupal 10, ensuring a seamless transition while maintaining the integrity of existing content and functionalities.
2. Theme Upgrade from Bootstrap 3 to Bootstrap 5: As part of the upgrade, we updated the website’s theme from Bootstrap 3 to Bootstrap 5. This modernized the site’s appearance and improved responsiveness and alignment with current web design standards.
3. Streamlined Content Management: 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.
4. Enhanced Search Functionality: We improved the site’s search capabilities by leveraging Pantheon Solr, a powerful search solution that provides more accurate and faster search results, enhancing the overall user experience.
5. Improved Media Management and Rendering: 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.
6. Accessibility Compliance: We prioritized making the website accessible to all users. We upgraded the front-end experience to comply with WCAG 2.2 AA standards, making the website more inclusive and usable for people with disabilities.
7. Comprehensive Testing: 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.
8. Advanced Analytics Setup: To provide UNOLS with deeper insights into user behavior, we integrated Google Tag Manager and Google Analytics 4. These tools enable the organization to track key metrics and make informed decisions based on user interactions.
9. Collaborative Project Planning: We 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.