Laboratoire de recherche
Date : 2024
Sujet : Refonte du site web du laboratoire ICB-LERMPS
Projet Professionnel
Problématique :
L’enjeu de ce projet était de remettre au goût du jour le site du laboratoire ICB-LERMPS en le rendant plus attrayant et plus moderne tout en se rapprochant de l’identité graphique du laboratoire mère ICB.
* Le site du laboratoire a été légèrement modifié depuis ma refonte, ne pas se fier à tous les éléments du site actuellement en ligne
Laboratoire de recherche
Date : 2024
Sujet : Refonte du site web du laboratoire ICB-LERMPS
Projet Professionnel
Problématique :
L’enjeu de ce projet était de remettre au goût du jour le site du laboratoire ICB-LERMPS en le rendant plus attrayant et plus moderne tout en se rapprochant de l’identité graphique du laboratoire mère ICB.
* Le site du laboratoire a été légèrement modifié depuis ma refonte, ne pas se fier à tous les éléments du site actuellement en ligne
Mise en application du site actuel
Site final
L’ancien site étant vieillissant, j’ai fait le choix de le refaire complètement en ne gardant que certains contenus et quelques images.
Croquis & maquettes
Maquette première proposition
Maquette deuxième proposition
Pour répondre à la problématique de départ, j’ai commencé par moderniser les couleurs du site existant. Pour cela, j’ai créé une nouvelle charte graphique prenant comme base la couleur bleue. Cette dernière est plus dynamique et elle est aussi utilisée dans la plupart des sites de laboratoire dont celui du laboratoire mère ICB.
Je me suis ensuite concentré sur le design des éléments du site. Afin de les moderniser, j’ai ajouté un arrondi sur chaque élément et des teintes de bleu qui se superposent.
Intégration du site
Paramètres du site
Header / Haut de page
Footer / Pied de page
Page d’accueil
Section news
Page type
L’intégration du site a été réalisée avec Elementor Pro sur WordPress. J’ai commencé par définir les paramètres généraux comme la typographie, les couleurs, le logo, etc… Puis, j’ai créé le header et le footer du site en me basant sur ma maquette. Ensuite, j’ai importé toutes les images dont j’avais besoin dans le nouveau site. L’intégration des pages s’est ensuite déroulée dans l’ordre du menu de navigation en commençant par la page d’accueil. Enfin, j’ai travaillé sur le référencement du site en utilisant les balises meta déjà existantes et en les adaptant si nécessaire.