Collège Sainte-Marcelline

2026

Client

  • Collège Sainte-Marcelline

Secteur

  • Éducation
  • OSBL

Tags

  • Conception de site web
  • Design UX/UI
  • Image de marque
  • Intégration des contenus

Savoir-faires

  • WordPress
  • UserWay
  • MySQL
  • GSAP

Le Collège Sainte-Marcelline est un établissement d’enseignement privé francophone qui accueille près de 1 000 élèves du préscolaire au secondaire. Héritier d’une tradition éducative fondée en 1838 et aujourd’hui présente dans huit pays, il propose une formation rigoureuse, humaine et ouverte sur le monde. Sa pédagogie repose sur l’entraide, la bienveillance et l’engagement.

Nouveau logo du Collège Sainte-Marcelline accompagné du blason historique en arrière-plan.

Objectif

Le mandat consistait à moderniser l’image de marque et la présence numérique du Collège afin qu’elles reflètent davantage la qualité de son projet éducatif, le dynamisme de ses programmes et la richesse de sa communauté. Cette évolution devait renforcer le rayonnement du Collège auprès des familles, tout en préservant le lien profond qui l’unit à son histoire et à la tradition marcelline.

Évolution du blason historique des Marcellines vers le nouveau symbole simplifié du Collège.
Version verticale du logo du Collège Sainte-Marcelline sur fond blanc.
Version blanche du logo du Collège Sainte-Marcelline sur fond bleu foncé.

Identité visuelle

Le logo a été redessiné dans un esprit de continuité. La forme du nouveau blason reprend celle du symbole historique des Marcellines, tandis que son traitement épuré, sa typographie et ses proportions lui confèrent une présence adaptée aux environnements numériques. Un système complet de déclinaisons permet à l’identité de s’adapter aux différents contextes de communication. Le blason historique demeure également présent sous forme de tracé fin, créant un lien subtil entre les racines de l’institution et sa nouvelle expression visuelle.

Déclinaisons colorées du blason pour le préscolaire, le primaire et le secondaire.
Palette de couleurs de l’identité visuelle du Collège Sainte-Marcelline.

Univers graphique

Une palette distinctive a été développée pour identifier les niveaux scolaires : le vert pour le préscolaire, le bleu pour le primaire et le jaune pour le secondaire. Une teinte sarcelle rassemble quant à elle les communications institutionnelles du Collège. Les formes organiques, les découpes arrondies et les compositions photographiques spontanées apportent chaleur et mouvement à l’univers graphique. Elles équilibrent la rigueur académique par une expression plus humaine, vivante et accessible.

Police à empattements Sentient utilisée pour les titres de l’identité visuelle.
Police sans empattements Eudoxus Sans utilisée pour les textes et les interfaces.
Exemple de hiérarchie typographique appliquée aux titres, paragraphes et boutons.
Carrousel du site présentant les principaux avantages du Collège Sainte-Marcelline.

Architecture d’information

L’arborescence a été repensée afin de simplifier l’accès à une importante quantité de contenus. La structure distingue le préscolaire, le primaire et le secondaire, tout en regroupant les informations communes sur la vie scolaire, les admissions et les services. De grands menus permettent aux parents de comprendre rapidement l’offre propre à chaque niveau et d’accéder directement aux contenus les plus pertinents pour leur famille.

Page d’accueil du site présentant les parcours préscolaire, primaire et secondaire.
Menus de navigation adaptés aux différents niveaux scolaires du Collège.

Expérience utilisateur (UX)

Les parcours ont été conçus autour des besoins des familles. Les programmes distinctifs, les admissions, les portes ouvertes et les ressources essentielles demeurent accessibles à chaque étape de la navigation. La hiérarchisation des contenus, les appels à l’action visibles et les foires aux questions facilitent la prise de décision. Une attention particulière a également été accordée à l’expérience mobile, devenue centrale dans le parcours des parents.

Pages du préscolaire et des portes ouvertes affichées sur mobile et ordinateur.
Page mobile du préscolaire superposée à une vue aérienne du Collège Sainte-Marcelline.

Design d’interface (UI)

L’interface traduit la nouvelle identité dans un univers à la fois chaleureux et contemporain. La typographie évoque le prestige et l’histoire du Collège, tandis que les compositions aérées et la palette lumineuse rendent l’information accueillante et facile à parcourir. Les photographies placent les élèves et la communauté au cœur de l’expérience. Les formes inspirées du blason, les détails graphiques et les variations chromatiques assurent une cohérence entre l’identité de marque et le site web.

Page d’admission au secondaire affichée dans ses versions ordinateur et mobile.
Page de contact du Collège avec coordonnées, heures d’ouverture et formulaire en ligne.

Développement technologique

Développé sur WordPress, le site repose sur une structure flexible et des blocs personnalisés permettant à l’équipe du Collège de gérer ses contenus de façon autonome, tout en préservant la cohérence du design. La plateforme responsive a été conçue selon les standards actuels d’accessibilité et de protection des renseignements personnels. Sa structure évolutive permettra au Collège de faire progresser sa présence numérique au rythme de ses besoins.

Menu mobile du site avec navigation par niveau scolaire et accès aux ressources.
Pied de page du site du Collège Sainte-Marcelline dans ses versions mobile et ordinateur.

Résultat

Le Collège Sainte-Marcelline bénéficie désormais d’une identité et d’une plateforme capables de porter son histoire vers l’avenir. L’ensemble valorise aussi bien la tradition éducative de l’institution que ses programmes avant-gardistes en intelligence artificielle, en robotique et en apprentissage intergénérationnel. Plus claire et plus distinctive, elle exprime la dualité qui fait la force du Collège : s’élever par le savoir et rayonner par le cœur.