Aperçu

Evolving Web a travaillé en étroite collaboration avec le Loyalist College pour la refonte et le développement de son site Web principal, en y intégrant des services pour créer une expérience numérique unifiée. La nouvelle plateforme, construite sur WordPress, fournit au personnel des outils améliorés de gestion de contenu qui leur permettent de communiquer la proposition de valeur de Loyalist au moyen de solutions de conception créatives qui donnent vie à la nouvelle image de marque de l’établissement. Le mandat avait pour but d’offrir une plateforme en ligne moderne et conviviale qui reflète l’engagement de Loyalist College à fournir une éducation pratique et concrète. Grâce à une expérience utilisateur attrayante, le site Web met en évidence les divers programmes et services académiques de l’établissement d’enseignement, tout en montrant comment le collège répond aux besoins de l’industrie régionale et des partenaires de la communauté.

La page d'accueil du Loyalist College, sur laquelle figure l'adage « Small is powerful » (« Petit, c'est puissant »)

À propos du client

Le Loyalist College, situé à Belleville, Port Hope, Bancroft et Tyendinaga en Ontario, est un collège communautaire qui offre un large éventail de certificats, de diplômes, de diplômes d’études spécialisées et de programmes d’études supérieures visant à préparer les étudiants à une carrière prolifique dans divers domaines. Reconnu pour son environnement d’apprentissage convivial et stimulant, le Loyalist College offre une formation pratique et orientée vers l’avenir qui met l’accent sur le développement des compétences et l’expérience du monde réel. L’établissement croit en l’innovation, l’inclusion et l’engagement communautaire et a pour mission de créer un environnement où les étudiants peuvent s’épanouir sur le plan académique et personnel.

Captures d'écran de trois pages mobiles de Loyalist, comprenant la page d'accueil, la page santé et bien-être et la page « trouver sa place ».

Objectifs

L’objectif principal était de concevoir et de développer un site Web WordPress pour le Loyalist College qui reflète la nouvelle image de marque, transmet clairement la proposition de valeur du collège et offre une expérience utilisateur de premier plan. Le nouveau site comprend la liste des cours et un annuaire du personnel, permet de payer en ligne grâce à une série de formulaires dynamiques et donne au personnel l’accès aux flux de travail de publication en utilisant leur protocole d’authentification LDAP. L’objectif du nouveau site Web est de soutenir les efforts de recrutement et de conversion des étudiants et de générer des pistes en matière de recrutement en s’adressant principalement aux futurs étudiants. Parallèlement, le site doit mieux guider les étudiants, les enseignants et le personnel actuels.

Captures d'écran de la page de témoignages, avec des photos d'étudiants et des citations.

Défis

Bien que ce projet soit principalement axé sur les futurs étudiants, nous avons dû considérer de nombreux parcours utilisateurs, depuis l’identification des dates d’admission et des délais, jusqu’à l’accès au portail des étudiants et aux relevés de notes, en passant par la recherche d’informations sur le campus et les options de programme ainsi que l’orientation du personnel et des étudiants internationaux vers leurs besoins spécifiques. En raison de la diversité du contenu et des options de programme, nous avons dû intégrer les cours et les programmes pour les rendre plus faciles à trouver. De même, nous avons dû relever le défi de développer un processus personnalisé pour automatiser l’importation quotidienne d’un fichier d’interface d’annuaire du personnel généré à partir du SIRH (système d’information sur les ressources humaines) de l’établissement, afin de garantir que l’annuaire du personnel sur le site Web soit constamment à jour.

9 captures d'écran de différentes pages du site web des loyalistes, avec au centre l'image et la devise « Small is powerful ».

Solutions

Nous avons organisé des ateliers pour comprendre les besoins du personnel et des étudiants du Loyalist, College en incluant de nombreuses parties prenantes dans le processus. Notre travail de découverte a permis d’améliorer l’architecture de l’information, de créer des chemins d’accès en fonction du contexte et du mode d’utilisation de l’utilisateur, ce qui a permis d’épurer le contenu. Les améliorations de l’architecture de l’information se sont étendues à la recherche, aux recommandations de contenu et à un contenu de programme mieux structuré. Nous avons également créé des chemins plus clairs entre le site Web principal et les sous-sites afin que les différentes expériences utilisateur soient plus homogènes et connectées. Le nouveau site Web WordPress comprend de nombreux systèmes d’information — des cours à l’annuaire du personnel — tout en proposant une sécurité renforcée pour une expérience utilisateur fiable.

Notre mandat consistait à :

  • Créer une identité visuelle attrayante pour le site Web qui reflète la nouvelle image de marque, y compris un guide de style évolutif qui transmet la nature confiante, dynamique et innovante de la communauté du Loyalist College ;
  • Incorporer le motif à points de manière stratégique en tant qu’élément graphique visuel pour briser les composants, créer un rythme et imprégner la page d’un sentiment de créativité et de convivialité ;
  • Créer une expérience rafraîchissante, colorée, créative, conviviale et qui donne aux utilisateurs la confiance nécessaire pour passer à l’étape suivante et s’inscrire au Loyalist College ;
  • Réaliser un audit de contenu, un audit technique et des analyses afin de faciliter la migration, la refonte et la prise de décisions en matière de développement ;
  • Créer une stratégie de référencement et d’analyse cohésive pour améliorer le potentiel de génération de pistes ;
  • Élaborer une architecture multisite pour prendre en charge les sites Web de la vie étudiante, de la recherche appliquée et de la succursale de Toronto, la personnalisation de l’aspect et de la convivialité étant prise en charge par des thèmes enfants Wordpress ;
  • Créer une bibliothèque de composants à l’aide de l’éditeur de blocs WordPress pour construire des contenus tels que des accordéons, des vidéos et des images intégrées ;
  • Intégrer des fonctionnalités de publication de contenu, y compris la prévisualisation, la réutilisation des médias et le recadrage d’images ;
  • Assurer la conformité avec les directives d’accessibilité WCAG AA et les normes AODA ;
  • Effectuer des tests de conformité à l’accessibilité à l’aide de lecteurs d’écran, de claviers et d’outils de tests d’accessibilité tels qu’Axe, SortSite et des vérificateurs de contraste ;
  • Intégrer un plugiciel de calendrier d’événements ;
  • Élaborer un modèle de publication prêt à l’emploi pour les annonces urgentes sur l’ensemble de l’architecture multisite ;
  • Procéder à l’intégration avec Azure AD (Entra ID) du Loyalist College pour les connexions d’auteurs ;
  • Élaborer des formulaires à l’aide de Gravity Forms ;
  • Intégrer les données sur les programmes et les cours provenant de Banner à l’aide d’un flux XML et d’une synchronisation automatisée, de sorte que les informations sur les cours et les programmes sont automatiquement mises à jour par le biais d’un flux de données sécurisé ;
  • Intégrer un SIRH (systèmes d’information sur les ressources humaines) pour s’assurer que l’annuaire du personnel est toujours à jour et accessible en ligne ;
  • Configurer WordPress pour envoyer des courriels sortants depuis le site Web grâce à Office 365, qui était déjà utilisé pour les courriels du Loyalist College ;
  • Créer un gadget logiciel « contenu connexe » pour faciliter le renvoi de l’information sur les cours et les nouvelles qui partagent les mêmes métadonnées ou qui sont explicitement sélectionnés pour apparaître sur une page donnée ;
  • Créer une fonction de recherche hiérarchique basée sur des mots-clés et qui permet d’extraire des documents, des fichiers et des informations sur l’ensemble du site Web et d’analyser des fichiers PDF (c’est-à-dire d’effectuer des recherches à l’intérieur des documents) grâce à Google Programmable
  • Search, ainsi que des pages de recherche dédiées à des types d’articles spécifiques avec des filtres de taxonomie et de métadonnées ;
  • Migrer automatiquement le contenu vers le nouveau site Web WordPress ;
  • Élaborer une nouvelle architecture de l’information pour gérer les actualités, les événements, les programmes, les cours, le personnel, les témoignages et les annonces urgentes ;
  • Gérer le déploiement vers l’hébergement en nuage Pantheon.
     
Plusieurs captures d'écran du site web mobile du Loyalist College

Résultats

Le site Web du Loyalist College, repensé et redéveloppé, est une plateforme numérique moderne et conviviale qui offre divers services, fournit au personnel des outils de gestion de contenu avancés et reflète la nouvelle image de et les valeurs éducatives de l’établissement. Il optimise l’expérience des étudiants en soutenant les efforts de recrutement, de conversion et de fidélisation, tout en offrant un parcours fluide de la demande d’information à l’inscription, en passant par l’engagement dans la vie étudiante.

Un cercle vert avec le texte « dream Big » (rêver grand)