Dans le cadre d'un travail étudiant, nous avons dû re-designer une page produit du site https://www.made-in-meubles.com/.
Les consignes étaient de réaliser une maquette puis la développer en desktop bloqué sous une largeur spécifique. La responsive n'était pas demandé, uniquement un travail approfondi sur les animations CSS.
Lien d'accès : https://madeinmeuble.louis-boulanger.fr/
Diverses animations sont proposées :
- Zoom en hover sur les images principales produits (Zoom supplémentaire possible avec la roulette sur la première image produit)
- Les images ont plusieurs effets, certains dévoilent des informations, d'autre se déflouttent...
- La section artisan a des tooltips sur les textes en gras
- La section Testimonials est un défis CSS, elle a été faite entièrement en CSS (sans aucun javascript)