Jem Bien Être — site institut et back-office sur mesure
Site vitrine premium pour un institut de beauté et bien-être avec système de réservation en ligne Cal.com (47 prestations), paiements Stripe, espace client personnel, backoffice complet (gestion clients, devis, paiements, avis, newsletters), blog SEO et page linktree. Hébergement Coolify, automatisation DNS OVH via skill Claude Code dédié.
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.
La solution
Comment je l'ai résolu
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
Résultats
Impact concret et mesurable
✨ prestations réservables en temps réel (vs faux créneaux du site précédent)
📊 Backoffice complet réduisant la gestion à une interface unique
🔒 Webhooks signés HMAC et vérification serveur-side des paiements Stripe
⚡ Build Next.js optimisé avec Turbopack et rendering hybride (SSG + dynamic)
🌐 DNS automatisé via OVH API (migration de rdvvers hébergement Coolify)
📧 Emails transactionnels Resend (confirmation RDV, devis, newsletters)
🎯 Skill Claude Code réutilisable pour la gestion DNS OVH de futurs projets
Valeur business
Ce que ça a rapporté
- → 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
Et chez toi ?
Les questions qu'on me pose avant de se lancer.
Ce projet part d'une situation banale : des tâches répétitives faites à la main, des informations ressaisies d'un outil à l'autre, du papier qui circule encore. Si tu reconnais ça chez toi, voilà ce que les gens me demandent ensuite.
Un projet comme Jem Bien Être, ça coûte combien ?
Cela dépend surtout du nombre de systèmes à connecter, pas du nombre d'écrans. Une application métier démarre autour de 3 000 € HT, une plateforme complète avec back-office se situe généralement entre 12 000 € et 60 000 €. Le simulateur donne une fourchette chiffrée pour votre cas en quelques minutes, sans engagement.
Combien de temps avant la mise en production ?
Compter 6 à 10 semaines pour une première version en production sur un périmètre bien cadré. Le cadrage initial prend une semaine et conditionne tout le reste : c'est là qu'on décide de ce qui n'est pas dans la V1.
Ce résultat est-il reproductible dans mon entreprise ?
Les gains viennent presque toujours du même endroit : une tâche répétitive faite à la main, une double saisie entre deux outils, ou une information qui circule encore par téléphone et papier. Si vous reconnaissez l'une de ces trois situations chez vous, le raisonnement s'applique — les chiffres, eux, dépendent de vos volumes.
Le code et les données m’appartiennent-ils ?
Oui. Le code source vous revient, l'hébergement se fait sur vos comptes, et il n'y a pas de licence récurrente qui vous lie. Vous pouvez confier la maintenance à quelqu'un d'autre plus tard sans avoir à tout reconstruire.
Et si j’ai déjà des logiciels en place ?
C'est le cas le plus fréquent, et on ne les remplace pas. On les connecte via leurs API pour supprimer les ressaisies. Remplacer un outil qui fonctionne est presque toujours plus coûteux que de le faire dialoguer avec le reste.
Chiffrer ton projet, sans rendez-vous
Le simulateur te donne une fourchette de budget et de délai en quelques minutes. Pas de commercial, pas de relance : tu repars avec une estimation.
Cas suivant