Etude de cas : Lycée de la Salle

Le Lycée de La Salle est un Établissement Catholique d’enseignement privé, sous contrat avec l’Etat qui propose un enseignement professionnel, technologique et supérieur pour le secteur tertiaire.

MBA Multimedia a réalisé le nouveau site web de l’établissement.
C’est la deuxième version du site réalisée avec notre agence.

— DERNIERE MINUTE
Le site a remporté le 1er prix de sa catégorie aux Trophées de la Communication 2010, à Marseille fin novembre ! (Plus d’infos en fin de billet)

Dernière version du site (En ligne depuis octobre 2010)
> http://www.lycee-delasalle.com/

Première version du site (de 2003 à 2010)



Suivez le guide…

1. Refonte du logo

Lors de la refonte du site web, le lycée a souhaité profiter de l’occasion pour rafraîchir son logo.
Les codes couleurs et les lignes graphiques restent inchangées. Le travail de retouche s’est effectué davantage sur la typographie et les formes graphiques pour apporter modernité et dynamisme au logo.

2. Reportage Photo

Parce que les visuels sont la clé de voute du nouveau site du lycée, nous avons organisé un reportage photo avec un photographe professionnel.
Véritable mise en scène orchestrée pour illustrer à la fois l’établissement dans son ensemble mais aussi les scènes de vie, ce reportage a duré deux jours, générant plusieurs centaines de clichés.

L’idée sur la version 2010 du site était de faire la part belle aux grands visuels, contrairement à la première version qui était davantage orientée contenus textes.
La cible principale est essentiellement axée sur les étudiants / lycéens. Ce qui explique ces choix graphiques.

3. Refonte du site web

Page d’accueil

Les principes graphiques et fonctionnels de la page d’accueil sont résolument tournés vers la modernité et le dynamisme :

  • Grands visuels : identité visuelle forte (valeurs transmises > savoir, éducation, bien-être)
  • Carrousel d’actualités défilantes
  • Menu ‘riche’

Pages ‘Les plus de La Salle’ et ‘Centre de ressources’

La première page présente les avantages de l’établissement sous forme de 8 blocs avec des volets déroulants (au passage de la souris sur le bloc : ouverture du volet avec un texte descriptif). Ce type de présentation a l’avantage d’être synthétique. Le parent peut alors visualiser les atouts de l’établissement d’un seul coup d’oeil.

La deuxième page décrit les lieux de vie sous forme de carrousel, associant du texte à une photo. La lecture est fluide et ne requiert pas un effort de lecture important.

Page Historique

L’historique est représenté sous forme de listing chronologique associé à une série de clichés. Cette mise en page travaillée valorise les dates clés de l’histoire du lycée.

Page Equipe

Une animation Flash sur la page permet de présenter chaque membre de l’équipe pédagogique avec une photo de pied et une photo portrait. L’accent est mis sur l’humain, et rejoint le parti pris de la photo sur l’ensemble du site. Le parent d’élève – ou l’élève – peut ainsi découvrir de façon ludique les membres de l’équipe.

Page Infos pratiques, Résultats aux examens et Entreprises Partenaires

  • Les infos pratiques sont présentées sous forme de boîtes à outils (pour une compréhension facile et rapide)
  • Les résultats aux examens sont affichés dans un tableau charté et agréable à lire
  • Le réseau de partenariat de l’établissement s’affiche sur forme d’un mur de logo dynamique (avec colorisation du logo au passage de la souris)

Pages Actualités et Projets

Ces pages sont gérées par le même outil de gestion de contenu, et par le même module, avec deux mises en page différentes.

Les actualités sont affichées dans un listing classique avec vignettes et textes.
Les projets sont affichés dans un listing mosaïque (pour une mise en avant des initiatives davantage par le visuel).

————————————————

DERNIERE MINUTE

Le site du lycée de La Salle a remporté le prix du meilleur site internet d’enseignement et de formation professionnelle, aux Trophées de la Communication 2010, dont la cérémonie de remise des prix a eu lieu fin novembre à Marseille.


Palmarès site internet d’enseignement et de formation professionnelle :
1- Lycée de La Salle
2- Université de Versailles Saint-Quentin en Yvelines
3- Université Paris 13
4- Université de Reims Champagne Ardennes
5- ESCP Europe Paris Campus exaequo avec Supméca

Une belle récompense pour toute l’équipe qui a mis toute sa motivation et son savoir-faire au service de ce beau projet.

Un grand merci à toute l’équipe projet du lycée pour ce travail commun mené avec efficacité et confiance !

Share:

Laisser un commentaire