Scénario et mission
Nina Carducci souhaitait optimiser son portfolio numérique afin d'avoir plus de visiteurs. Ma mission principale était d'optimiser le référencement du site, en améliorant ses performances et son accessibilité.
Langages
- - HTML
- - CSS
- - JAVASCRIPT
Outils
- - Github
- - VS Code
- - Google Lighthouse
- - WAVE Web Accessibility
Compétences développées
- - Rédiger un cahier de recette pour tester un site
- - Optimiser les performances d'un site web
Réalisation du livrable
Le code du projet était hébergé sur Github et le site de Nina Carducci était déployé avec GitHub Pages.
Version de départ
Pour réaliser le livrable, j'ai commencé par faire un audit du site avec Google Lighthouse et WAVE Web Accessibility Evaluation Tools pour lister les différents éléments à corriger pour optimiser sur le site.
Audit Lighthouse
Audit WAVE
J'ai ensuite débuggé la modale de la galerie pour pouvoir naviguer entre les différentes images et corrigé la couleur du filtre séléctionné de la galerie.
Modale de la galerie
Pour finir, j'ai écris un rapport d'intervention incluant les audits avant et après les modifications avec la liste toutes les modifications réalisées.
Audit Lighthouse
Audit WAVE
Perspective d'amélioration
- - Changer le curseur lors du survol des filtres de la galerie
- - Récrire la modale de la galerie sans utiliser jQuery