Création d’un site de E-commerce
Projet réalisé seule
Sujet :
Il s’agit du premier projet de l’année. J’ai choisi le thème des huiles essentielles et des bougies pour réaliser ce site.
Attendus :
Pour mener à bien ce projet, j’ai du respecter un cahier des charges imposé. Le site final devait avoir :
- Une page d’accueil, comprenant :
- Une barre de navigation fonctionnelle
- Une section « Catégories » avec quelques catégories mises en avant
- Quelques produits mis en avant
- Au moins 4 pages catégories distinctes, comprenant :
- Le nom de la catégorie de produits
- Une grille de prévisualisation de produits comprenant :
- Une image du produit
- Le nom du produit
- Le prix du produit
- Chaque boîte de produit doit envoyer vers une page produit
- Au moins 8 pages produits distinctes, comprenant :
- Au moins 3 images du produit
- Le titre du produit
- Une description complète du produit
- Les caractéristiques du produit
- Une boîte d’achat (En stock, acheter le produit, etc.)
- Une section « Produits recommandés »
- Une page Support, comprenant :
- Un formulaire de contact fonctionnel
Par ailleurs, la qualité du code mais également le visuel étaient notés. Concernant la partie visuelle, il était également attendu de nous que notre site soit responsive sur mobile, tablette et ordinateur et qu’il réponde à des normes d’accessibilité.
Améliorations possibles
Carrousel :
- On voit qu’il saute en haut de la page. Il faudrait l’ancrer sur la page de sorte qu’il reste à la même position.
- Il passe au-dessus de la barre de navigation : avec z-index, on pourrait le faire passer derrière
Alignement des images :
- Il manque sans doute un container pour que les images soient toutes alignées correctement, même si le nom des huiles essentielles est parfois sur deux lignes.
Menu :
- Sur la version mobile, le sous-menu ne s’ouvre plus : c’est plus accessible, mais on pourrait améliorer cela avec un menu burger.