Cégep Champlain
St. Lawrence
Cégep Champlain - St. Lawrence
Éducation
WordPress
Site web vitrine
2025
Mandat
Concevoir une plateforme numérique bilingue et accessible, tout en repensant l’expérience utilisateur pour la rendre plus intuitive. Le site devait refléter la nouvelle image de marque du cégep, réalisée en 2024 par Lemay Michaud, et mettre en valeur son positionnement distinctif.
Objectifs
- Respecter l’ensemble des normes gouvernementales en matière de sécurité et d’accessibilité.
- Offrir une expérience 100 % bilingue (français et anglais).
- Simplifier et moderniser la navigation pour une utilisation intuitive.
- Mettre en lumière la mission, la vision et les valeurs du cégep.
- Soutenir les efforts de recrutement d’étudiants et d’employés.
- Intégrer et respecter la nouvelle identité visuelle du cégep.
- Moderniser l’image numérique afin de la rendre plus attrayante et pertinente.
- Fournir des indicateurs de performance (KPI) permettant d’analyser la fréquentation et la convivialité du site.
Un design aux couleurs de St. Lawrence
L’ancien site, limité par son CMS, n’avait pas encore intégré la nouvelle image de marque.
Notre équipe design s’est inspirée de l’identité visuelle du cégep pour créer un univers numérique cohérent :
- Le lion du logo a été intégré dans des bannières pleine largeur pour un impact visuel fort.
- La forme de l’écusson a servi de masque graphique pour les images.
- Une déclinaison horizontale de cette forme a été utilisée dans les en-têtes.
Un défi particulier concernait la mise en place d’une seconde identité visuelle destinée au positionnement employeur. Nous avons créé un gabarit de page spécifique pour la section carrières, permettant de la distinguer des pages dédiées aux futurs étudiants, aux étudiants actuels et aux parents.
Une navigation complètement revisitée
La navigation de l’ancien site représentait un enjeu majeur : il était difficile de retrouver l’information recherchée.
Grâce à une phase stratégique approfondie, nous avons restructuré l’arborescence afin d’obtenir un menu clair et intuitif.
Pour les pages plus longues (ex. : les page programmes individuelles), une barre de navigation secondaire suit le défilement et permet d’accéder rapidement aux sections pertinentes via un système d’ancres.
Une espace dédiée pour les programmes
Tous les programmes sont désormais regroupés dans un catalogue interactif avec filtres, offrant aux futurs étudiants une vue d’ensemble simple et engageante.
Chaque page de programme suit une structure claire et uniforme, facilitant la comparaison :
- Informations clés en haut de page (saison d’admission, durée, centres d’intérêt, conditions d’admission).
- Grilles de cours intégrées directement dans le site (plutôt qu’en PDF), accessibles selon le profil et le niveau de français de l’étudiant.
Cette approche améliore la transparence et simplifie le parcours de décision pour les futurs étudiants.
