Un nouveau site Drupal pour l’Institut national de santé publique du Québec

L’INSPQ a été créé par le gouvernement du Québec en 1998 et se veut un centre de recherche, une plateforme de connaissances et une référence pour toutes les questions liées à la santé publique. L'INSPQ propose une expertise et des services spécialisés de laboratoire et de dépistage au ministre de la Santé et des Services sociaux du Québec, aux autorités régionales de santé publique et aux établissements de santé et de services sociaux.

L’Institut regroupe des chercheurs provenant d’un large éventail de domaines, allant des sciences appliquées et de la santé aux sciences sociales et humaines. Il propose de la formation continue aux prestataires de soins de santé et produit et diffuse des publications de recherche sur divers sujets en matière de santé publique.

L’INSPQ s’adresse en premier lieu aux professionnels de la santé publique qui recherchent des informations sur des sujets importants en matière de santé. Son deuxième public est le grand public québécois, et le troisième, les journalistes et les décideurs politiques (un public qui a été poussé au premier plan au plus fort de la pandémie de COVID-19).

L’INSPQ a choisi Evolving Web pour mettre à jour son site Web de Drupal 7 vers la version la plus récente de Drupal. Le projet a rapidement été élargi pour inclure une refonte UX/UI, car le site vieux de dix ans était difficile à naviguer et n’était pas entièrement réactif.

Le projet de l’INSPQ impliquait une migration gigantesque de plus de 30 000 pages. Durant la migration, nous avons travaillé à améliorer l’expérience globale de l’utilisateur en nous concentrant sur les éléments suivants :

• Navigation et architecture de l’information
• Fonctionnalité de recherche
• Structure des pages
• Accessibilité
• Amélioration de l’interface utilisateur et élargissement des composants

Le principal défi de ce projet était son ampleur. Avec plus de 30 000 pages à migrer, nous avons dû être très stratégiques dans les changements que nous avons recommandés. Le site avait également une structure de navigation profonde (avec plus de six niveaux) et un contenu extrêmement textuel, ce qui rendait la navigation difficile pour les utilisateurs.

Migration

Alors que certains projets bénéficient davantage d’une migration interne, nous avons opté pour la création de scripts de migration entièrement en code pour le site de l’INSPQ. Nous avons utilisé ce processus pour migrer le contenu, les fichiers, les taxonomies et les éléments du menu. Nous avons également :

• Effectué une analyse exhaustive des besoins du client en matière de création de contenu ;
• Formé le client à créer son contenu à l’aide de Layout Builder ;
• Produit un document détaillé sur l’architecture de l’information ;
• Nettoyé les contenus inutilisés et supprimé les champs inutilisés ;
• Réalisé des fusions stratégiques de certains contenus et converti des champs.

Expérience utilisateur

Nous avons commencé le projet en distribuant un questionnaire aux diverses parties prenantes, ce qui nous a permis d’établir l’ordre des principaux aspects de l’architecture de l’information et de la conception. Nous avons décidé de nous concentrer sur la refonte de la page d’accueil, de la page des résultats de recherche, des pages centrales de deuxième niveau et de la page des publications. Nous avons proposé les solutions suivantes :

• Concevoir des composants pour divers types de contenu en mettant l’accent sur la réutilisation et la cohérence afin d’accueillir l’ensemble des 30 000 pages ;
• Réorganisation et simplification du menu principal pour faciliter la navigation sur le site ;
• Refonte de la solution de recherche et ajout d’un nouveau filtre (avec autocomplétion) pour aider les utilisateurs à repérer des ressources précises.

Conception visuelle

La refonte visuelle du site a fait l’objet d’un travail considérable, car le site original comportait beaucoup de texte et des incohérences au niveau de l’image de marque. Voici les nouvelles caractéristiques du site : 

• Carrousel de la page d’accueil présentant des images de professionnels de la santé ;
• Des cartes-images, une iconographie et des listes à usages multiples pour fragmenter les contenus lourds ;
• Des textures variées et des images circulaires pour donner aux sujets sérieux un aspect plus convivial ;
• Une identité de marque homogène à l’échelle du site.

Au total, nous avons migré plus de 30 000 pages, 30 types de contenu, 500 champs, 500 contextes, 300 affichages et 21 000 fichiers. Nous avons amélioré l’expérience utilisateur générale en ce qui concerne la navigation, l’architecture de l’information, la fonctionnalité de recherche, la structure des pages et l’accessibilité. Nous avons également amélioré l’interface utilisateur et ajouté des composants.

Le résultat : une plateforme de connaissances en ligne épurée, accessible et conviviale. Le nouveau site permet à l’INSPQ d’entretenir une présence numérique digne de confiance et facilement accessible qui touche tous les publics cibles de l’institut.

Evolving Web a travaillé en étroite collaboration avec l’INSPQ (Institut national de santé publique du Québec) pour migrer son site de Drupal 7 vers la version la plus récente de Drupal, créer une interface plus moderne et offrir une expérience utilisateur renouvelée.