HESAM UNIVERSITÉ - Le Centre Michel Serres
Le Centre Michel Serres est un centre de formation créée par HESAM UNIVERSITÉ, proposant des formations de Bac+3 à Bac+5.Ils préparent leurs étudiants à l’interdisciplinarité,la créativité, l’innovation et la transformation, leur permettant de relever les défis contemporains et sociétaux actuels et futurs.
De nombreux partenariats sont développés avec des entreprises et institutions, de différents secteurs d’activité, afin de proposer aux étudiants des projets d’innovation concrets et qui seront utiles à chacune des parties.
Afin de mettre en avant son Centre de formation Michel Serres, l’université HESAM a sélectionné l’agence Digital Cover afin de l’accompagner dans la création de ce nouveau site internet
Voir le site
Objectifs :
Les objectifs de ce nouveau site web sont de :
- Promouvoir leur capacité d’intervention sur des projets variés et aux problématiques diverses, grâce à leurs compétences pluridisciplinaires. Leur but dans cette partie est de montrer leur expertise auprès de leurs potentiels nouveaux partenaires.
- Proposer à leurs utilisateurs une interface innovante, épurée et professionnelle, afin de dégager une image moderne du Centre de formation.
- Mais aussi valoriser le travail des anciens étudiants du centre de formation Michel Serres
Réponses :
Pour ce projet, l’agence Digital Cover a proposé un site web fonctionnel et optimal, répondant aux objectifs de l’université HESAM.
Le Webdesign
Le Centre Michel Serres ne disposant pas de site web, la charte graphique était donc quasiment inexistante. Le pôle Design de l’agence a donc pu partir de zéro afin de proposer un site créatif et innovant. Seuls quelques éléments principaux de la charte HESAM ont été repris, comme la couleur rouge de l’université HESAM pour garder une relation entre les deux entités ainsi que leur logo.
Une réflexion importante a été réalisée sur l’UX Design du futur site internet, afin que ce dernier propose une navigation fluide et agréable à ses utilisateurs. Deux méthodes de navigation ont été conçues :
- La première méthode mise en place devait permettre l’exploration et l’immersion de l’utilisateur à travers un slider créé sur la Home Page. Véritable fil rouge permettant la découverte des différents domaines d’interventions du centre de formation Michel Serres, ainsi que leurs projets divers, afin de mettre en avant leur pluridisciplinarité.
- La deuxième méthode de navigation, plus directe, consistait à insérer deux menus. L’un permettant une navigation par catégorie de projet et l’autre, plus généraliste, permet de parcourir l’histoire, les projets ainsi que les partenaires existants facilement.
Tout au long du parcours, des liens entre les formations, les projets et les partenaires sont mis en place, afin de mettre en avant le travail effectué chaque année.
Le développement web
Suite au travail effectué en amont, le pôle Technique de l’agence Digital Cover a pu commencer l’étape du développement web, afin de rendre le site fonctionnel et dynamique.
Côté administration, une suite de blocs logique ont été créés, afin de rendre intuitive la gestion du site web par HESAM. Ainsi, ils pourront y apporter des modifications facilement et rapidement.
Côté technique, le langage de programmation WebGL a été utilisé pour mettre en place le slider présent sur la Home Page. Cette technique permet de créer cet effet de mouvement lorsque l’on passe sur les vignettes de catégories présentes sur cette dernière. La même technique a été utilisée pour réaliser l’effet de “drag and drop” présent grâce au curseur de la souris.
Un travail sur la structuration des données du site web a également été réalisé, afin de permettre la création des liens entre les nombreux projets et partenaires, et ainsi de mettre en avant leurs compétences pluridisciplinaires.