Playbook — Site Clinique Esthétique (template Beauvoir)

Ce que propose le site

Une expérience patient complète, du premier clic au RDV

Tous les points de contact pensés pour informer, rassurer et convertir — sans surcharge.

Vitrine éditoriale

Accueil avec hero, expertise pills, bento traitements, équipe, parcours patient — tout structuré pour mettre en avant la valeur médicale et premium.

53 fiches traitement

Mécanisme, procédure, indications, FAQ, photos, tarif, lien RDV pré-filtré — chaque soin a sa fiche optimisée SEO et conversion.

Pages équipe

10 praticiens, fiches détaillées générées depuis team.json — bio, expertise, traitements pratiqués en liens cliquables.

5 points de captation

Modal RDV qualifié · FAB WhatsApp avec lead capture · formulaire contact · carte cadeau · guide PDF — tous reliés à un seul endpoint Brevo.

Carte cadeau e-commerce

Formulaire 3 étapes · Mollie pour le paiement · PDF cinématique généré au format carte bancaire · code unique BV-XXX-XXXX valable 12 mois.

SEO local

31 landings géolocalisées (soin × ville), 20 articles blog, sitemap auto, Schema.org JSON-LD, OG dynamiques, alt-texts injectés automatiquement.

9 pages "besoin"

Entrée alternative aux fiches techniques : "regard & paupières", "peau & éclat", "post-partum"… orientent vers les soins adaptés.

CMS sur-mesure

Deux interfaces admin : édition contenu + gestion photos. Auth par mot de passe, publication via API GitHub, déploiement Vercel auto.

Stack technique

HTML pur sur Vercel — léger, rapide, sans dette

Pas de framework. Le contenu vit dans des JSON, les pages récurrentes sont générées au build. Tout est pérenne et lisible.

Front

HTML / CSS / JS pur

Polices

Noto Serif JP · Outfit

Hébergement

Vercel (Hobby)

Serverless

Node.js sur Vercel

Repo

GitHub privé

CI/CD

Push main → deploy auto

Build pipeline

10 scripts Node en chaîne

Source de vérité

11 fichiers JSON

Intégrations

Service	Rôle	Coût
Vercel	Hébergement + serverless + analytics	Gratuit
GitHub	Repo + admin via API	Gratuit
Brevo	CRM contacts + emails transactionnels	0 à 79 €/mois
Mollie	Paiements cartes cadeaux (Bancontact, CB)	~1.8 % + 0.25 € / transaction
DoctorManager	Agenda RDV en ligne	Variable
Google Tag Manager + GA4	Tracking	Gratuit

Pourquoi pas un CMS classique ?

Solution	Pourquoi écartée
WordPress	Plugins, sécurité fragile, hébergement spécifique, lent
Webflow	~30 €/mois minimum, vendor lock-in, peu programmable
Wix / Squarespace	Limites SEO, pas d'API custom, design contraint
Next.js / Nuxt	Overkill pour un site marketing, build complexe

Cloner pour une autre clinique

5 jours de dev + 2 semaines de contenu

La quasi-totalité de la stack est réutilisable. On ne refait que l'identité, le contenu et les intégrations propres à la clinique cible.

Setup technique

Fork du repo · projet Vercel · variables d'env (Brevo, GitHub PAT, mot de passe admin) · domaine pointé. Test premier formulaire.

Identité graphique

Logos, favicon, variables CSS de couleurs. Vérif sur 3 pages clés (home, fiche, contact). Adaptation polices si autre choix.

Contenu data

Remplir team.json, treatments-prices.json, treatments-rdv.json, navigation.json, treatment-categories.json… Adapter besoins.json.

Pages principales

Home, La clinique, Contact, fiches traitement (en partant des templates Beauvoir), carte cadeau (exemples, conditions), guide soins, footer.

Photos & finition

Upload équipe, traitements, hero. Vérif alts, OG. npm run build. Tests vitesse, mobile, SEO. Premier déploiement public.

Semaines 1-2 après lancement

5-10 articles de blog initiaux · 5-10 landings SEO géolocalisées · indexation Search Console · contrôles Brevo.

Combien ça coûte

Mise en place one-shot, opérationnel léger

Mise en place

8 — 20 k€

One-shot pour la première clinique

Dev clonage + adaptation3 — 5 k€

Photographie pro1,5 — 4 k€

Rédaction contenu2 — 5 k€

Logo / identité (si à faire)1,5 — 5 k€

Opérationnel

30 — 150 €

par mois

Vercel Hobby0 €

GitHub privé0 €

Brevo (selon volume)0 — 79 €

MollieCommission par transaction

Google Workspace~12 €/user

Nom de domaine~15 €/an

À comparer à WordPress hébergé (~50 €/mois minimum) ou Webflow (~30 €/mois) avec moins de souplesse et plus de dette technique.

Réutilisable tel quel

Ce qu'on ne refait jamais d'une clinique à l'autre

~70 % de la codebase est totalement réutilisable. Voici la frontière.

● À garder tel quel

scripts/*.js (toute la pipeline de build)
api/publish.js (mécanique admin)
api/brevo-submit.js (juste changer les destinataires)
js/components.js (sauf CONFIG en haut)
admin.html & admin-photos.html
Structure CSS (sauf couleurs)
Templates HTML fiches traitement

● À adapter

js/components.js → constante CONFIG (adresse, tél, baseUrl)
api/brevo-submit.js → NOTIFY_TO et SITE_LEADS_LIST_ID
css/styles.css → variables couleurs & polices
Tous les data/*.json (contenu spécifique)
index.html, pages/contact.html, pages/la-clinique.html
vercel.json → domaine, redirects
Photos (équipe, clinique, traitements, hero)

Un site clinique complet — pensé pour la conversion et clonable en quelques jours