Jem Bien Être et Compagnie - Site institut & backoffice sur-mesure

La problématique

Le défi à résoudre

L'institut utilisait une solution tierce de réservation (rdv360) avec branding générique, pas d'espace client, pas de backoffice et aucune intégration avec ses outils internes. Emilie devait gérer ses rendez-vous, devis, paiements, fidélité et newsletters séparément, sur plusieurs plateformes. Le besoin : un site unique réunissant la vitrine SEO, la réservation temps réel synchronisée à Google Calendar, un paiement en ligne pour les devis événementiel, un espace client (fiche, historique, fidélité, rewards) et un backoffice admin complet, le tout brandé Jem Bien Être, hébergé en autonomie et économique en coûts récurrents.

Notre solution

Comment nous avons résolu le problème

J'ai conçu et développé une application Next.js 16 full-stack. Le frontend offre une expérience premium avec hero slideshow, 8 catégories de prestations, pré-sélection du service en 1 clic vers l'embed Cal.com inline, page agenda événementielle et linktree. Les 47 event types Cal.com ont été créés via un script de provisioning API lisant les prestations depuis `constants.ts`. Un webhook Cal.com signé HMAC insère les réservations dans la base SQLite locale, préservant le dashboard et l'espace client. Le backoffice admin inclut gestion clients (fiches, historique, fidélité), devis PDF, paiements Stripe, avis vidéo/texte avec modération, newsletters avec éditeur visuel par blocs, et statistiques. Un skill Claude Code dédié automatise la gestion DNS OVH (générer consumer key, modifier records, refresh zone).

• ✓ Réservation Cal.com intégrée (47 prestations, embed inline FR, TZ Indian/Reunion)
• ✓ Script de provisioning API Cal.com (création en masse des event types depuis constants.ts)
• ✓ Webhook Cal.com signé HMAC SHA-256 (CREATE/RESCHEDULE/CANCEL) insérant en SQLite
• ✓ Paiements Stripe (payment links, webhook, acomptes devis événementiel)
• ✓ Espace client : fiche, historique rendez-vous, programme fidélité, rewards
• ✓ Backoffice admin complet : clients, devis PDF, paiements, avis, newsletters, statistiques
• ✓ Éditeur newsletter visuel par blocs (inline), segmentation clients
• ✓ Modération des avis vidéo/texte avec vérification email et workflow d'approbation
• ✓ Blog SEO optimisé (2 articles événementiel et soin visage)
• ✓ Page linktree centrée sans header/footer (logo rond, featured event, réseaux sociaux)
• ✓ Page agenda mensuelle (journée détente, cours, ateliers, vide-dressing)
• ✓ Intégration DNS OVH automatisée (skill Claude Code avec gestion consumer key)
• ✓ SEO complet : sitemap dynamique, metadata, schema.org Business + LocalBusiness
• ✓ Dark mode ready, design responsive mobile-first, animations Framer Motion

Valeur business

Création de valeur pour l'entreprise

• → Souveraineté technique : fin de la dépendance à rdv360 et aux outils SaaS multiples
• → Expérience cliente premium : réservation en 2 clics, branding institut, design cohérent
• → Gain de temps pour Emilie : tout centralisé (backoffice unique) au lieu de 4-5 plateformes
• → Fidélisation : espace client avec programme de rewards et historique complet
• → Montée en gamme commerciale : devis événementiel avec PDF + paiement acompte Stripe
• → SEO local renforcé : blog optimisé + schema.org LocalBusiness pour le Tampon
• → Coûts récurrents divisés : Cal.com free + Resend free + Coolify self-hosted vs abonnements
• → Scalabilité : ajout de nouvelles prestations déclenche la création Cal.com automatique