Réinventer la présence numérique avec une plateforme Drupal accessible

Evolving Web s'est associée à l'Université de Saint-Boniface (USB), la seule université francophone de l'Ouest canadien, pour mettre à jour son site Web, améliorer l'expérience utilisateur et l'accessibilité tout en préservant l'identité de marque centrée sur l'humain de l'université. Le projet visait à refléter la vie dynamique du campus et les services personnalisés de l'USB, conformément à sa proposition de valeur d'être une « université à dimension humaine ». Evolving Web a développé et conçu son nouveau site Web Drupal, et a fourni au personnel une formation et des conseils en gestion de contenu pour préparer la petite équipe à un succès indépendant.

Le nouveau site de l'université sera mis en ligne au début de l'automne 2026.

L'Université de Saint-Boniface (USB) est le plus ancien établissement d'enseignement postsecondaire de l'Ouest canadien et est fière d’être la seule université de langue française au Manitoba. Située au cœur du quartier francophone dynamique de Winnipeg, l'USB est la pierre angulaire de l'éducation en français dans la région. L'université offre non seulement un enseignement supérieur par le biais de ses programmes de premier cycle et de deuxième cycle, elle accueille également deux écoles collégiales : l'École technique et professionnelle (ETP) et l'École des sciences infirmières et des études de la santé (ESIES) ainsi qu’un département de formation continue. Cette combinaison unique sous un même toit de formation universitaire, professionnelle et continue fait de l'USB une plaque tournante de l'éducation francophone et de l'engagement communautaire au Manitoba.

L'objectif principal du projet était de transformer la présence numérique unique d'une université francophone en un site Web moderne, convivial et accessible qui véhicule efficacement sa marque dynamique axée sur la communauté. La plateforme devait être attrayante, transmettre la chaleur et la vie dynamique du campus de l'établissement, tout en offrant une expérience accessible conforme aux normes WCAG AA et à la Loi sur l'accessibilité pour les Manitobains.
Sur la base d'un processus de découverte à 360° approfondi, les principaux objectifs comprenaient l'amélioration de l'architecture de l'information pour améliorer la découvrabilité et la navigation du contenu, ainsi que le développement d'outils de création de pages flexibles et cohérents pour l’ équipe de gestion de contenu. Le projet consistait à effectuer une migration transparente du CMS obsolète de Blackbaud vers une puissante plateforme basée sur Drupal et hébergée sur Pantheon. Enfin, Evolving Web visait à doter le personnel de l'Université de la formation et des ressources nécessaires à une gestion de contenu efficace et indépendante après le lancement.

La plateforme numérique moderne de l'Université de Saint-Boniface devait promouvoir l'identité de la seule université francophone du Manitoba et transmettre ses valeurs à divers publics d'intervenants. Lors de la phase de découverte, l'équipe a constaté que l'identité de marque du client n'était pas optimale à un environnement numérique : de nombreux dégradés et un faible contraste de couleurs posaient des problèmes d'accessibilité. Il était essentiel de surmonter les défis de l'accessibilité numérique pour transmettre et respecter l'engagement de l'Université en faveur d'un accès significatif pour tous les utilisateurs.

En incorporant des reflets jaunes, des mises en page fluides et des dégradés plus contrôlés, nous avons adapté l'image de marque USB à l'environnement numérique, en nous concentrant sur l'accessibilité avec des teintes adaptées au Web et à leurs couleurs de marque. Cette approche, ainsi que les chevauchements stratégiques de texte sur les images et l'utilisation stratégique des éléments de marque, a atténué les problèmes d'accessibilité antérieurs causés par les couleurs et les dégradés à faible contraste.

Les principaux livrables du projet comprenaient : 

• Phase de découverte complète à l'aide d'une analyse à 360 degrés, assurant une approche centrée sur l'utilisateur avec des méthodes qualitatives : deux questionnaires étudiants et parties prenantes, et plusieurs groupes de discussion, dont trois basés sur l'accessibilité et un atelier de cartographie du parcours utilisateur. 
• Mise à jour de l'architecture de l'information avec regroupement logique et navigation intuitive.
• Élever l'identité visuelle adaptée à un environnement numérique, en incorporant des couleurs plus accessibles et un design vibrant, axé sur la communauté, compatible avec la dernière version de Drupal.
• Aligner la conception du site Web sur les valeurs de la marque USB, en mettant l'accent sur la chaleur, le dynamisme et la vie étudiante dynamique.
• Assurer le respect des normes d'accessibilité du Manitoba et de la Loi sur l'accessibilité pour les Manitobains afin d'offrir une expérience plus inclusive à tous les utilisateurs.
• Développement d'un nouveau site Web basé sur Drupal pour remplacer le CMS Blackboard qui avait atteint sa fin de vie utile, en tirant parti de l'hébergement et de l'optimisation des performances de Pantheon.
• Assurer la pleine conformité aux normes d'accessibilité (WCAG AA), aider l'Université à tirer parti d'une subvention du Fonds pour l'accessibilité du Manitoba pour éliminer les obstacles à la diffusion de l'information.
• Mise en œuvre de SDC Display pour permettre aux gestionnaires de contenu de combiner des composants et de créer différentes vues de manière flexible sans nécessiter l'intervention du développeur.
• Création de pages de contenu structuré (page Programmes, page Actualités et événements, etc.) à l'aide du générateur de mise en page et des paragraphes, ce qui permet d'atteindre un équilibre entre flexibilité et cohérence dans la conception des pages.
• Intégration d'une approche basée sur JavaScript pour masquer dynamiquement les événements passés du carrousel de la page d'accueil, garantissant ainsi une solution automatisée et conviviale pour la gestion des événements.
• Développer une solution personnalisée pour l'animation de la page d'accueil, en mettant à l'échelle et en ajustant dynamiquement les ressources vidéo pour maintenir un design réactif sur tous les appareils.
• Activation de la mise en évidence du texte de CKEditor pour les titres de page, permettant aux éditeurs de contenu d'appliquer facilement une emphase stylistique sans nécessiter de code HTML personnalisé ou d'intervention d'un développeur.
• Amélioration de la navigation sur le site grâce à un menu à plusieurs niveaux, permettant aux sous-pages d'avoir des structures de menu distinctes grâce au module d'arborescence de liens et à la bibliothèque de blocs personnalisés pour des mises à jour faciles.
• Synchronisation des formats de date entre les pages Actualités et Événements pour maintenir la cohérence.
• Créer un guide de saisie de contenu et fournir une formation à l'équipe du client pour s'assurer qu'elle peut gérer efficacement le site après le lancement.

La collaboration entre Evolving Web et l'Université de Saint-Boniface a permis de créer un site Web moderne, accessible et convivial qui reflète l'image de marque dynamique et proche de sa francophonie de l'Université. La plateforme mise à jour basée sur Drupal a amélioré l'architecture de l'information et simplifié la navigation, améliorant ainsi la découvrabilité du contenu et la convivialité pour tous, conformément aux WCAG AA et à la Loi sur l'accessibilité pour les Manitobains (avec le financement du Fonds pour l'accessibilité du Manitoba).

En adaptant l'identité visuelle de l'Université aux environnements numériques, le site Web transmet efficacement la chaleur, le dynamisme et la dimension humaine de l'USB. L'intégration de SDC Display, Layout Builder et Paragraph permet à l’équipe de gestion de contenu de l'USB de gérer le contenu sans effort. La plateforme est conçue pour un succès à long terme, tandis que les guides de formation et de saisie de contenu équipent et responsabilisent l'équipe numérique de l’USB.