Projet Nike

🎉 Introduction

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

🎯 Objectif

Apprendre Tailwind : Approfondir les connaissances en utilisant les classes utilitaires pour créer des mises en page flexibles et performantes.
Optimiser l'Expérience Utilisateur : Assurer une interface fluide et engageante pour les visiteurs, avec une attention particulière à l'accessibilité.
Éco-conception : Réduire l'empreinte carbone du site en allégeant le poids des pages et en optimisant les images. L’objectif est de combiner performance et respect de l’environnement, sans compromettre la qualité de l'interface.

⚡ Tech Stack

Next
Tailwind

📦️ Dépendances

postcss
prettier
prettier-plugin-tailwindcss

🚀 Résultats

Éco-conception

Images : Réduction de 89,56% du poids du dossier images
Fonts : Réduction de 61,93% du poids du dossier fonts

Éco-index

Lighthouse Desktop

Lighthouse Mobile

Accessibilité

Couleurs : Choix de couleurs garantissant un score AAA en termes de contraste.

Wave