Lecture de 8 min

Une refonte de site web pour le Collège Champlain de Lennoxville

En octobre dernier, Guarana a été mandaté pour procéder à une refonte complète du site web du Collège Champlain de Lennoxville. Une grande réussite et une fierté pour l'équipe de Guarana Design, qui a réalisé ce projet en collaboration avec l'équipe marketing du Collège Champlain.

Voici les faits sallants de cette refonte de site web qui avait pour but d'améliorer l'expérience des utilisateurs:

1- Restructuration de l'architecture d'information et de l'ergonomie

Dans la version précédente du site web, le contenu relatif aux mêmes sujets avait été ajoutés dans le système de gestion de contenu (CMS) au fil du temps, et ce, dans plusieurs sections du site. Cela avait pour effet de diluer le message à travers tout le site web, rendant l'expérience utilisateur moins conviviale. Nous avons procédé à l'amélioration de l'arborescence et à l'ergonomie dans chacune des pages du site web, facilitant la navigation à travers le contenu. Une importation complète de la base de données et une réorganisation ont été fait pour compléter la refonte.

2-Site adaptatif en WordPress

Le site à été conçu sous le principe du design adaptatif ou «responsive design», permettant à ce dernier de s'ajuster adéquatement à tout support: ordinateurs de table, tablettes et téléphones intelligents. Cela permet aux utilisateurs en mouvement (étudiants, partisants des équipes sportives, etc.) d'avoir accès rapidement à l'information désirée.

3-Système de recherche dynamique et rapide

Pour le répertoire des employés, nous avons installé un système de recherche dynamique avec filtres et segmenté en deux parties; les employés et les professeurs. La recherche peut s'effectuer par nom, par département, par poste ainsi que par courriel.

4-Refonte visuelle

Pour le visuel, nous nous sommes basés sur la nouvelle charte graphique développée pour le Collège Champlain; un visuel plus dynamique représentant davantage la vie sur le Campus. Les couleurs attitrées à chaque section favorisent l'orientation de l'utilisateur à travers le site.
Des sous-menus horizontaux permettent l'affichage rapide des sections plus profondes dans l'architecture d'information.

5-Questions fréquentes

Une section présentant les questions les plus fréquemment posées à l'admission sont présentées dans cette section pour les étudiants, facilitant la gestion pour l'équipe interne.

6-Regrouper les médias sociaux du Collège pour en garder le contrôle

Plusieurs groupes et pages avaient été créées sur Facebook par différentes personnes (étudiants, facultés, équipes sportives, etc.). Nous avons regroupé les différentes pages «officielles» pour assurer un contrôle sur la qualité de l'information véhiculée à travers les différentes pages Facebook. De plus, une chaine YouTube a été créée pour regrouper les différents vidéos officiels du Collège.

7-Calendrier dynamique

Un calendrier a été installé et adapté pour annoncer les parties des différentes équipes sportives, afficher le calendrier de la saison, ainsi que les événements prévus au Collège Champlain de Lennoxville.

8-Réservation des résidences en ligne

Les étudiants peuvent réserver et payer leur résidence dans la section du site conçue à cet effet, ce qui facilite grandement la gestion pour les employés du Collège.

La mise en ligne a été fait en février 2013 et nous annoncerons les résultats sous peu. Visitez le site web du Collège Champlain