Refonte du site Cégep Édouard‑Montpetit
Architecture multi‑sites avec des modules sur mesure, une palette de thèmes spécifiques et un outil externe pour enrichir la recherche sur l’ensemble du contenu.
Le cœur technologique du projet repose sur l’adoption d’un CMS Craft évolutif, avec une architecture modulable. Un socle centralisé et personnalisable héberge les deux sites. Les modèles dynamiques, menus et catégories enrichissent la navigation et illustrent la profondeur et la qualité de l’architecture développée. Le système implémenté permet de gérer de nombreux thèmes avec des règles spécifiques et un mécanisme d’héritage entre pages. Des défis techniques ont été surmontés grâce à la collaboration entre les différents acteurs du projet ; de notre côté et celui du client.
Architecture multi‑sites avec des modules sur mesure, une palette de thèmes spécifiques et un outil externe pour enrichir la recherche sur l’ensemble du contenu.
2
Sites web
Gestion de deux sites distincts à partir d’un seul panneau d’administration.
14
Modules
Développement de modules personnalisés avec des options permettant leur flexibilité.
13
Thèmes de couleur
Gestion de plusieurs thèmes qui comportent leur spécificités au niveau de l'affichage des menus et des modules.
1
Outil externe
Intégration d'un outil externe pour gérer la recherche par mots clés sur les contenus du site.
Craft CMS sur mesure
Le coeur technologique
Le cœur technique du projet repose sur l’adoption d’un Craft CMS évolutif et d’une architecture modulable. Le système gère de nombreux thèmes avec des règles spécifiques et un mécanisme d’héritage entre pages. Un socle centralisé et personnalisable héberge les deux sites. Les modèles dynamiques, menus et catégories enrichissent la navigation et illustrent la profondeur et la qualité de l’architecture développée. Des défis techniques ont été surmontés grâce à la collaboration entre les différents acteurs. La configuration multi‑site dissocie contenus et gabarits tout en partageant un socle commun et simplifie la maintenance.
Implémentation d’un design moderne
Cohérence graphique
Les maquettes ont été intégrées à l’interface du site par le développeur front-end, avec une conception responsive assurant une expérience optimale sur tous les types d’écrans. Les interfaces respectent la nouvelle identité visuelle avec des couleurs harmonieuses, des typographies lisibles et des espaces généreux. Un travail soigné a été réalisé sur le héros de la page d’accueil pour mettre l'emphase sur le message principal. Les composants visuels (bannières, boutons, cartes) ont été adaptés pour différents écrans et optimisés pour la performance. La cohérence visuelle est renforcée par l’utilisation de gabarits modulaires et de styles partagés. Ces choix créent une expérience fluide, intuitive et conforme aux attentes des publics.
Mise en avant de l’offre éducative
Visibilité des programmes
La refonte visait à rendre l’offre éducative plus lisible et attrayante. Les programmes sont désormais organisés par domaines et cycles, avec des pages dédiées qui détaillent les contenus et les débouchés. Des filtres et comparateurs permettent aux visiteurs de personnaliser leur recherche selon leurs intérêts. L’interface met en valeur la diversité des formations proposées par le Cégep et l’ÉNA tout en respectant la distinction entre les deux institutions. La structure de contenu flexible garantit une évolution aisée du site et facilite l’ajout de nouvelles ressources, soutenant ainsi la mission de promotion de l’établissement.
Optimiser la navigation et l’accessibilité
Expérience optimale
Le projet a été conçu pour offrir une UX adaptée à des publics variés et respecter les normes d’accessibilité. L’arborescence des menus a été repensée pour guider chaque profil vers l’information recherchée et différencier clairement le Cégep de l’ÉNA. Une attention particulière a été portée à la facilité de navigation sur ordinateur et mobile. Des sections dédiées aux univers aéronautique et collégial répondent aux besoins spécifiques des audiences. La conformité à la Loi25 a été assurée grâce à l’intégration d’outils de gestion des consentements. La cohérence et la clarté de l’interface favorisent l’engagement et la confiance.
