Collège Laflèche

fleche-vers-le-bas
Image projet Collège Laflèche
Client

Collège Laflèche

Industrie

Éducation

Technologie

WordPress

Visites 3D

Type de projet

Site web vitrine

Année

2022

Équipe
Photo de profil Thierry Lemaître
Thierry Lemaître
Photo de profil Noémie Garcia
Noémie Garcia
Photo de profil Simon Gagnon
Simon Gagnon
Photo de profil Noémie Tremblay
Noémie Tremblay
Photo de profil Alona Golubyeva
Alona Golubyeva
Photo de profil Francis Chevalier
Francis Chevalier
Photo de profil Jean-François Sauriol
Jean-François Sauriol
Le Collège Laflèche est un établissement collégial privé situé à Trois-Rivières. C'est le seul établissement collégial privé en Mauricie et au Centre-du-Québec à offrir à la fois des programmes préuniversitaires et techniques. Voir le site

Mandat

Afin de transposer sa nouvelle identité sur sa plateforme web, de créer une structure d’information plus intuitive et de moderniser les fonctionnalités du site web, le Collège Laflèche nous a confié la refonte complète de leur site.

Stratégie

Le but fonctionnel principal de notre expérience numérique était d’accompagner les futurs étudiants dans leur recherche et sélection d’un programme d’études qui répond à leurs besoins.

On a donc voulu donner aux futurs étudiants le pouvoir et l’autonomie d’explorer eux-mêmes les différentes options qui s’offrent à eux afin de répondre facilement aux questions principales qu’ils ont en tête. La structure d’information a été réfléchie et conçue en conséquence. Pour faciliter au maximum la recherche des utilisateurs, plusieurs fonctionnalités de recherche ont été développées : multi-filtres, barre de recherche, catégorisation, ainsi qu’un méga menu.

Un catalogue de programmes pratique

Le choix d’un programme d’étude collégial est un choix très important et difficile à effectuer pour les futurs étudiants. Quand on est au secondaire, c’est facile de se sentir perdu face à la variété de types et de programmes d’études. Devrais-je choisir un AEC, une technique ou un préuniversitaire? Quelle est la différence? Si j’aime les sciences, quel programme devrais-je choisir?

Pour mieux accompagner la cible dans sa décision, on a bâti un catalogue qui propose des définitions claires pour chaque type de programme. Cela permet aux futurs étudiants de chercher un programme d’étude selon leurs intérêts ou le cheminement souhaité. Une iconographie a également été créée pour repérer plus facilement les programmes d’intérêt.

Des fiches de programmes informatives

Sélectionner un programme d’étude, c’est aussi s’intéresser à tous les détails de celui-ci pour faire un choix éclairé. On a tout d’abord appris à connaitre les futurs étudiants pour mieux comprendre les informations qu’ils recherchent lorsque vient le temps de choisir un programme ; processus d’admission, perspectives d’emploi, préalables, etc.. Une hiérarchie d’information a été établie de sorte à répondre rapidement à leurs principales interrogations. Plusieurs éléments ont aussi été intégrés pour faciliter la prise d’information : Iconographie, étiquettes, tableau informatif, navigation secondaire, etc.

Système de recherche pour les bourses

Plusieurs futurs étudiants et parents s’inquiètent des frais à débourser pour une école privée. Toutefois, le Collège Laflèche offre une variété impressionnante de bourses pour aider financièrement les élèves. On voulait être certain que les élèves puissent facilement trouver une bourse pour laquelle ils seront éligibles. Un système de filtres a donc été configuré pour permettre aux étudiants de trouver une bourse selon leur programme d’étude. Chaque bourse a désormais sa propre page ce qui permet un meilleur SEO et permet aux responsables de programme d’envoyer le détail des bourses (URL) plus facilement aux étudiants.

Une navigation intuitive et imagée

Une institution scolaire c’est aussi beaucoup d’infos, de liens et de documents à héberger. C’était important pour nous de créer une navigation intuitive qui allait permettre à tout le monde d’y trouver son compte. Pour se faire; deux niveaux de navigation ont été travaillés, un méga menu imagé a été mit en place, et un pied de page informatif rassemblant tous les liens de navigation a été construit.

Un design centré sur les humains

« Laflèche à vie! » c’est le slogan du Laflèche et ce n’est pas pour rien. C’est un collège centré sur l’humain où le personnel et les étudiants développent des relations super positives et enrichissantes et lorsqu’ils choisissent le Laflèche, c’est pour la vie. C’est vraiment une joie de vivre qu’on a aussi ressenti à 100% avec nos clients qui ont leur collège tatoué sur le coeur et toujours le sourire aux lèvres. On avait pas le choix de faire un design d’interface qui met toujours le focus sur l’humain. On a donc opté pour des programmes tout en images et de grandes photos des vrais élèves dans leur vrai milieu de vie. Les formes arrondies et la superposition d’éléments ont aussi été utilisés pour démontrer le côté sympathique et accessible du collège.

Visiter le site
clafleche.qc.ca

Contact

Prochain projet