Drupal continues to provide the robust tools needed to sustain the vast collection of content for l’Institut national de santé publique du Québec (Québec National Institute of Public Health, INSPQ). For this project, Evolving Web worked closely with the INSPQ to migrate its site from Drupal 7 to the latest version of Drupal, creating a more modern interface and providing a fresh user experience.
Goals
The goal was to improve the overall user experience by focusing on the following elements:
- Navigation and information architecture
- Search functionality
- Page structure
- Accessibility
- Improved UI and expanded components
Challenges
The main challenge of this project was its scale. Faced with more than 30,000 pages, we had to be very strategic in our recommended changes. The site also had a deep navigation structure (with more than six levels) and extremely text-heavy content, making it a challenge for users to navigate.
Solutions
Migration
While some projects are better served with internal migration, this project benefited from the creation of migration scripts entirely in code. We used this process to migrate content, files, taxonomies, and menu items. We also:
- Conducted an exhaustive analysis of the client’s content creation needs
- Trained the client to input content using Layout Builder
- Produced a detailed information architecture document
- Cleaned up unused content types and removed unused fields
- Conducted occasional strategic merges of content types and conversions of fields
UX
We began the project with a questionnaire to diverse stakeholders that enabled us to prioritize key aspects of the architecture and design. We decided to focus on redesigning the home page, the search results page, second-level hub pages, and the publications page. Our solutions included:
- Designing components for various content types with a focus on reusability and consistency in order to accommodate all 30,000 pages
- Reorganizing and simplifying the main menu to make the site easier to navigate
- Overhauling the search solution and adding a new filter (with auto-complete) to help users pinpoint specific resources
Visual Design
Much work was done to visually redesign the site, as the original site was extremely text-heavy and also had branding inconsistencies. New design features included:
- Home page carousel featuring images of healthcare professionals
- Image cards, iconography, and multi-use lists to break up heavy content
- Textures featuring circular imagery to give serious topics a friendlier look
- Consolidated brand identity
Results
In all, the Evolving Web team migrated over 30,000 pages, 30 content types, 500 fields, 500 contexts, 300 views display, and 21,000 files. We improved the overall user experience with regards to navigation, information architecture, search functionality, page structure, and accessibility. We also enhanced the UI and expanded components.
The overall result of this project is a clean, accessible, user-friendly online knowledge centre. The new site empowers INSPQ to nurture a trustworthy and approachable digital presence that reaches all of the institute’s target audiences.
Drupal was chosen as the content management system (CMS) for the INSPQ (Québec National Institute of Public Health) due to its rich architecture and scalability, making it ideal for handling large-scale data-rich environments. Evolving Web migrated INSPQ's extensive content from Drupal 7 to the latest version. This project underscores Drupal's capacity to manage substantial digital content efficiently.
Drupal's flexible and modular nature allowed for significant enhancements in user experience, focusing on streamlined navigation, enhanced information architecture, and improved search functionality. This adaptability ensures that the platform not only meets current web standards but also remains forward-compatible with evolving technological advancements.
Drupal's commitment to accessibility standards guarantees that all users, regardless of disability, have equal access to the vast health information resources available on the INSPQ website, reinforcing Drupal's role as a comprehensive solution for complex, data-intensive digital ecosystems.
Technical Specifications
Drupal version:
Key modules/theme/distribution used:
