Collège Sainte-Anne
Gagnant Idéa 2026 - Bronze
Parents, futurs élèves, enseignant.es, étudiant.es du collégial, talents en recherche d'emploi, partenaires : le Collège Sainte-Anne s'adresse à un éventail de cibles aussi large que diversifié. Pour répondre à cette complexité, l'institution a entrepris la refonte complète de son écosystème numérique, soit huit sites interconnectés conçus pour fonctionner comme un seul produit cohérent.
Le défi était d'envergure. Chaque décision d'architecture devait être pensée à l'échelle du système, puisqu'un ajustement sur un site pouvait se répercuter sur tous les autres. Il fallait aussi intégrer une nouvelle école, anticiper de futures additions au réseau, et définir une logique de couleurs extensible permettant à chaque établissement d'exprimer sa singularité sans briser la cohérence d'ensemble. La démarche a débuté par des ateliers de co-création menés dans les écoles et un sondage auprès des équipes pour valider les besoins réels. Un design system articulé autour d'une trentaine de composants modulaires réutilisables a ensuite été développé, soutenu par une architecture WordPress personnalisée. Le résultat fait système sans uniformiser : une base commune aligne l'ensemble tout en laissant à chaque école l'espace pour s'exprimer.
Au final, l'écosystème livré réunit huit sites sous une architecture partagée, avec une navigation inter-écoles clarifiée, un espace carrière structuré pour l'attraction de talents et une plateforme capable de s'adapter aux moments clés comme les inscriptions et les portes ouvertes. Le réseau Sainte-Anne a désormais un territoire numérique à sa mesure.
Crédits :
AGENCE DE DESIGN : Locomotive
CLIENT : Collège Sainte-Anne
DIRECTION DE CRÉATION : Julien Jean
STRATÉGIE : Sacha Haouzi
DIRECTION ARTISTIQUE : Marie-Christine Dion
DESIGN UI : Marie-Christine Dion, Sacha Haouzi
DESIGN UX : Sacha Haouzi, Laurence Mailloux
DÉVELOPPEMENT FRONT END : Pier-Luc Cossette, Jérémy Minié, Deven Caron
DÉVELOPPEMENT BACK END : Chauncey McAskill, Xavier Aymond, Pascal Rioux
GESTION DE PROJET : Karine Legault Mallette
DIRECTION DE COMPTE : Simon Regniault