Retour au site
Étude de cas · En production

MAITRI
MASSAGE

Le site d'un praticien en massage bien-être à Saint-Chamas, en Provence. Les clients réservent en ligne ; le praticien gère son agenda, ses fiches clients, ses cures et ses paiements depuis son propre espace, sans plateforme de réservation externe.

Voir le site en ligne — maitrimassage.fr

01 // Contexte

Le besoin

Thomas reçoit sur rendez-vous, surtout le week-end. Ses clients le contactent par WhatsApp, par téléphone, sur Instagram, et maintenant par le site. Il voulait un site à la hauteur de ses soins, une réservation en ligne fiable et un seul endroit pour suivre chaque client, quel que soit le canal.

02 // Contraintes

Le défi

Un agenda qui ne propose jamais un créneau déjà pris, même si deux personnes réservent à la même seconde. Des rendez-vous pris hors du site qui entrent dans le même agenda. Des cures de plusieurs séances payées d'avance. Et des données clients réduites au strict nécessaire : un massage bien-être n'a pas besoin d'un dossier de santé.

03 // Parcours client

Côté clients : réserver en trois étapes

  • Cinq pages de soins avec tarifs, déroulement et questions fréquentes, lisibles par Google même sans JavaScript.
  • Réservation en trois étapes : le soin, le créneau, les coordonnées. Seuls les créneaux réellement libres sont proposés, toutes les 30 minutes dans les horaires d'ouverture.
  • Confirmation par email avec l'adresse du cabinet, puis un rappel environ 24 h avant la séance.
  • Annulation en ligne jusqu'à 48 h avant, depuis le lien reçu par email.
  • Paiement sur place : aucune donnée bancaire ne transite par le site.
Accueil de Maitri Massage sur mobile, capture du site en ligne
Page du soin Deep Tissue sur mobile, capture du site en ligne
Réservation, étape 1 : choix du soin, capture du site en ligne

Captures du site en ligne · octobre 2026

04 // Espace praticien

Côté praticien : l'agenda et les fiches

  • Agenda du mois et prochains rendez-vous, saisie des rendez-vous pris par WhatsApp ou par téléphone, absences et ouvertures exceptionnelles.
  • Une fiche par client : canal d'origine, séances honorées et à venir, total payé, historique.
  • Cures de 6 ou 9 séances : chaque séance planifiée fait baisser le solde, une annulation le rend.
  • Paiements suivis, rendez-vous honorés ou manqués, tarifs modifiables sans toucher au code.
  • À chaque rendez-vous, Thomas reçoit une alerte et une invitation pour son agenda.
Espace praticien : agenda du mois avec des rendez-vous fictifs
Agenda du mois et prochains rendez-vous
Espace praticien : fiche d'une cliente fictive avec séances, paiements et cure en cours
Fiche client : séances, paiements, cure en cours

Espace praticien · capture locale, données fictives

05 // Fidélisation

Les messages qui partent tout seuls

  • Confirmation, modification ou annulation envoyée au client à chaque changement.
  • Rappel environ 24 h avant le rendez-vous.
  • Le 1er du mois d'anniversaire, un bon de 10 % valable jusqu'à la fin du mois ; le jour même, un simple souhait.
  • Le 1er janvier, un message de bonne année.
  • Messages d'anniversaire et de bonne année envoyés entre 9 h et 21 h, avec un lien pour ne plus les recevoir.
06 // Confidentialité

Les données clients

  • Pas de donnée de santé, pas de notes libres, pas de compte client à créer.
  • Préférences pratiques (ambiance, conversation) enregistrées seulement avec l'accord du client, et retirables.
  • Les alertes envoyées à Thomas ne contiennent ni nom, ni email, ni téléphone : seulement le soin, la date et l'heure.
  • Conservation réglable de 1 à 36 mois après le dernier rendez-vous, export d'une fiche et effacement complet depuis l'espace praticien.
  • Deux rendez-vous ne peuvent pas se chevaucher : la base de données l'interdit, en plus des contrôles de l'application.
07 // Mesures

En chiffres

5pages de soins
3étapes pour réserver
24 hrappel avant la séance
100+tests automatisés
0donnée de santé enregistrée
08 // Stack

Sous le capot

  • React 19
  • TypeScript
  • Vite
  • Tailwind CSS
  • Motion
  • React Router
  • Netlify Functions
  • Netlify PostgreSQL
  • Tâches planifiées
  • SMTP (Nodemailer)
  • node:test + PGlite

Un projet de réservation ou de suivi client ?

Décrire mon projet
← Réalisations