Collège
Jean-Eudes

fleche-vers-le-bas
Image projet Collège Jean-Eudes
Client

Collège Jean-Eudes

Industrie

Éducation

Technologie

WordPress

Type de projet

Site web vitrine

Année

2025

Équipe
Photo de profil Jean-François Sauriol
Jean-François Sauriol
Photo de profil Valérie Smith
Valérie Smith
Photo de profil Justine Fontaine-Deslauriers
Justine Fontaine-Deslauriers
Photo de profil Thierry Lemaître
Thierry Lemaître
Photo de profil Vincent Demers
Vincent Demers
Photo de profil Alona Golubyeva
Alona Golubyeva
Photo de profil Marie-Pier Hébert
Marie-Pier Hébert
Situé en plein cœur de Montréal, le Collège Jean-Eudes est une école secondaire privée reconnue pour son ambiance dynamique et son esprit d'excellence. Chaque année, plus de 1 500 élèves y trouvent un milieu de vie stimulant où les études, le sport, les arts et l'engagement s'entremêlent au quotidien. Avec ses programmes variés et ses installations modernes, le collège offre un environnement inspirant permettant à chaque élève de se dépasser et découvrir ses passions. Voir le site
Un collage de captures d'écran du site Web du Collège Jean-Eudes, montrant des élèves parlant à l'extérieur, l'entrée de l'école, les programmes artistiques et une section intitulée Nous joindre (Contact Us) en français.

Mandat

Remettre à niveau le site web du collège en effectuant une refonte complète, permettant d’avoir un site moderne qui saura bien évoluer dans le futur, tout en allégeant le contenu ainsi qu’en améliorant les fonctionnalités dans le but de bonifier l’expérience des utilisateurs.

Objectifs

  • Améliorer l’expérience utilisateur. Offrir une navigation fluide et intuitive, avec un contenu clair et des fonctionnalités adaptées aux besoins des visiteurs variés du site (étudiants, parents, enseignants, etc.).
  • Moderniser l’identité visuelle. Adopter un design contemporain, cohérent avec l’image du Collège, afin de renforcer l’impact visuel et l’attractivité du site web.
  • Faciliter la gestion du CMS. Mettre en place un système simple et flexible permettant une mise à jour rapide et autonome des contenus par les équipes internes.
  • Améliorer la qualité des médias. Utiliser des photos et vidéos qui reflètent fidèlement la vie au Collège et qui dynamisent le site web.
  • Améliorer la marque employeur. Créer un espace carrière qui valorise l’environnement de travail et attire des candidats motivés et qualifiés.
  • Transposer la notoriété sur le web. Faire rayonner l’excellence et le prestige du Collège Jean-Eudes en ligne grâce à une présence forte, cohérente et distinctive.

Une identité distincte

Le design du nouveau site a été réalisé en suivant la nouvelle image de marque du collège. Le visuel du site se traduit ainsi par des couleurs flamboyantes et variées, des formes pointues superposées et des images de qualité supérieure.

Ce design répond au besoin du client d’offrir une navigation simple et intuitive, en présentant toutes les informations nécessaires sans surcharger les utilisateurs, tout en leur proposant une expérience visuelle agréable et engageante.

Liberté de création

Nous avions pour objectif de donner au collège un maximum de liberté lors de la conception de leurs pages. Tous les modules ont été programmés de manière flexible, afin de pouvoir sélectionner n’importe quelle couleur du branding, que ce soit pour l’arrière-plan ou le masque. La couleur du texte est également personnalisable, afin d’assurer la cohérence avec le design propre de chaque module.

Nous avons conçu trois modèles en-tête de page, et les avons centralisés au même endroit dans le CMS, laissant une fois de plus la liberté aux employés du collège de sélectionner le hero le plus adapté à chaque page.

Des pages uniques

Le collège désirait créer des pages clairement distinctes, destinées à des publics particuliers, et qui se différencieraient visuellement des pages régulières du site. Ainsi, pour les pages « Fondation », « Anciens » et « Association des parents », des modèles différents ont été programmés, avec un en-tête unique et la possibilité de choisir une couleur d’accent qui remplace le rouge classique du collège, permettant de se sentir véritablement dans un autre univers.

Une barre de navigation sur mesure a également été conçue pour ces pages particulières. Flottant en haut de la page, elle offre la possibilité d’ajouter un logo ainsi qu’une liste de liens, chacun relié à une section de la page, de sorte que les utilisateurs peuvent cliquer sur un lien et être directement dirigés vers la section souhaitée.

Visiter le site
www.cje.qc.ca

Contact

Prochain projet

Vu Intérieur d'un magasin de lunettes moderne avec des vitrines, des étagères garnies de lunettes, de grandes fenêtres laissant entrer la lumière naturelle et un écran numérique sur le mur affichant une image verte abstraite.

Commerce de détail