Lien public du projet :
https://cocktails-red.vercel.app/
Lien Github :
https://github.com/Odienne/Cocktail-GSAP-REACT
Le projet
En imaginant une solution de présentation de menu interactif pour les bars, j’ai développé cette solution innovante et dynamique qui utilise l’emotion-driven design en donnant l’impression que le cocktail nous est servi en direct. Le projet peut être adapté pour ne proposer que le menu avec tout de même une magnifique interaction au scroll, mais dans ce showcase que j’ai publié, il y a également des sections pour présenter le savoir-faire, des informations supplémentaires sur les cocktails, ainsi qu’une section de contact avec les horaires d’ouvertures. Le projet doit être responsive pour le cas de déploiement via QRCode (scanner un QRCode permet aux clients d’accéder à ce menu interactif).
Les objectifs
- Proposer une page de showcase premium interactive pour les clients, donner envie
- Mettre en avant le savoir-faire et les valeurs du bar, présenter son activité
- Prendre en main GSAP (pour les animations)
- Proposer un design très immersif et engageant
- Une version responsive pour une consultation mobile (client consulte via une QRCode)
Les technologies utilisées
- React et Vite pour le développement
- GSAP pour des interactions époustouflantes sur la page
- Vercel pour une démo publique
React
Tailwind.css
Vite
GSAP
Vercel
Les résultats
Un template donnant une expérience premium pour les visiteurs, en combinant vidéos de fond, sliders de cocktails, animations de texte, et sections interactives pour présenter les spécialités du bar. Le design est immersif et interactif, donnant envie aux clients tout en mettant en avant tout le savoir-faire du bar.
L’expérience est la même sur téléphone et ordinateur.
