Collège Sainte-Anne

Gagnant Idéa 2026 - Bronze

Concevoir l'UX d'un site, c'est une chose. Concevoir l'UX de huit sites interconnectés où chaque ajustement peut avoir un effet domino sur l'expérience des autres, c'en est une autre. C'est le défi qui s'est posé d'emblée lors de la refonte de l'écosystème numérique du Collège Sainte-Anne, un réseau d'établissements s'adressant à des cibles aussi variées que les parents, les futur.es élèves, les enseignant.es potentiel.les et les étudiant.es du collégial.

La démarche a débuté par des ateliers de co-création menés directement dans les écoles pour comprendre la singularité de chaque projet éducatif. Ces insights terrain ont ensuite orienté une architecture d'information pensée à l'échelle du système, où les repères, les structures de contenu et les patterns d'interaction restent constants d'un site à l'autre. Chaque établissement dispose néanmoins de ses propres codes couleur et marqueurs distinctifs, sans jamais compromettre la lisibilité ni l'accessibilité de l'ensemble. La croissance du réseau ajoutait une complexité supplémentaire : il fallait intégrer une nouvelle école, Rosemont, et anticiper de futures additions, sans reconstruire l'architecture existante. En parallèle, pour rendre l'expérience Sainte-Anne tangible et réduire l'incertitude des familles, une page « Vivez l'expérience » propre à chaque établissement a été conçue comme des portes ouvertes en ligne, permettant à chacun.e de se projeter avant même la première visite.

L'écosystème livré réunit huit sites sous une architecture partagée, avec une navigation inter-écoles clarifiée et une plateforme prête à grandir. 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