Site Vitrine – By Mayou
mai 2025
By Mayou – Technicienne de cils à Taverny
Terminé
Client
Site vitrine
Le projet
Ce projet consiste à créer un site vitrine moderne et personnalisé pour By Mayou, une technicienne de cils certifiée exerçant à Taverny. Le site inclut une présentation claire des services, ainsi que l’intégration complète du module de réservation Planity en marque blanche, offrant une expérience fluide sans redirection externe.
Le défi
- Intégration du module Planity sans redirection externe
- Gestion du routage client sur Vercel (404 en cas de refresh)
- Adaptation responsive et respect de la charte visuelle douce et féminine
- Mise en place du consentement aux cookies
- Chargement conditionnel du widget Planity
La solution
- Utilisation d'un fichier vercel.json pour rediriger toutes les routes vers index.html
- Chargement du module Planity avec useEffect uniquement sur la page réservation
- Ajout d’un design responsive avec Tailwind et typographie moderne
- Bannière cookies RGPD via react-cookie-consent
- Utilisation de react-helmet pour un SEO dynamique par page
Résultats
- Création d’un site vitrine élégant, fluide et 100 % responsive
- Expérience utilisateur sans rupture grâce à l’intégration Planity en marque blanche
- Visibilité professionnelle accrue pour la marque By Mayou
- Optimisation SEO on-page et performance améliorée
Technologies
React.js
Tailwind CSS
Vercel
Planity Widget
React Router
react-cookie-consent
react-helmet
Détails techniques
- Développement frontend en React.js avec React Router pour la navigation
- Intégration dynamique du widget Planity en marque blanche via script personnalisé
- Hébergement sur Vercel avec configuration de fallback via vercel.json
- Utilisation de react-cookie-consent pour gérer les cookies et le RGPD
- Ajout de balises SEO dynamiques avec react-helmet