← / Étape 3 · Brief

Brief créatif — Claire Missol Massage Tuina

La mission qui a guidé la composition du site.

Brief créatif — Claire Missol Massage Tuina

La mission stratégique

Construire un site qui positionne Claire comme une praticienne artisane — pas un soin spa, pas un cabinet médical, pas un wellness magazine. Une femme qui a choisi de passer quatre ans à apprendre une discipline chinoise classique, qui tient son cabinet à Clécy depuis 2021, et qui travaille avec ses mains.

Le nouveau site doit convertir sur trois axes :

Inspirer confiance auprès de celles et ceux qui n'ont jamais goûté à la médecine chinoise et qui hésitent devant l'inconnu.
Faire décoller l'offre B2B (massages en entreprise) que Claire pousse activement mais qui est actuellement enterrée dans une page construite à partir d'une brochure PDF.
Capitaliser sur la preuve sociale déjà existante (12 avis Google 5★ circonstanciés) en en faisant un pilier de la page Témoignages — avec une amorce prête pour les photos avant/après que Claire fournira plus tard.

La voix éditoriale

Chaleureuse et retenue. Claire parle à la première personne (« je vous reçois », « mon cabinet »). Elle est experte mais n'étale pas son savoir — elle fait confiance au lecteur pour comprendre l'essentiel. Pas de jargon technique gratuit (« méridiens », « Qi » s'emploient, mais contextualisés, pas assénés comme des codes de reconnaissance).

Précise, pas vague. Pas de « énergies subtiles », pas de « vibrations harmonisées », pas de « bien-être holistique ». On parle de ce qu'on soigne concrètement : un mal de dos qui persiste, un sommeil qui fuit, une fatigue qui traîne, des tensions qu'on porte sans s'en rendre compte. Le lecteur doit se reconnaître dans une phrase.

Humaine, pas commerciale. On ne promet pas de « transformer votre vie ». On propose un cadre, un temps, un geste précis. Le résultat vient de lui-même si les conditions sont réunies.

Française impeccable. C'est un prérequis, pas une qualité. Les fautes visibles du site existant (« masseuse spécialisées », « un accumulation », « par son bais », « ont disparues », « une traumatisme ») sont des signaux de négligence — on n'en laisse aucune. Chaque phrase doit être lue à voix haute mentalement avant d'être validée. Apostrophes typographiques ('), guillemets français (« »), espaces insécables avant ; : ! ?.

Les intentions de chaque page

1. Accueil

Intention principale : faire comprendre en quinze secondes qui est Claire, ce qu'elle propose, et pour qui c'est. Puis inviter à la rencontre.

Ressentis cibles à créer :

« Je suis tombé sur quelqu'un de vrai, pas sur un site wellness générique. »
« Je ne savais pas ce qu'était le Tuina, mais j'ai envie de savoir. »
« Clécy, Normandie — c'est à portée, je peux prendre rendez-vous. »

Ce qui doit y être :

Un hero fort avec un titre éditorial (pas un slogan marketing)
Une phrase claire sur qui est concerné (la cible large : mal de dos, stress, fatigue, sommeil)
Une présentation des trois offres (Tuina / Réflexologie / Entreprise) en trois cards respirées
Une section « Le cabinet » — un coin, une matière, pas la vue d'ensemble catalogue
Un bloc Claire (« Qui suis-je ») — court, sincère, avec un lien vers la page parcours
2-3 témoignages choisis avec renvoi vers la page complète
Un bloc contact fort : téléphone + horaires + adresse + CTA prise de RDV

2. Anmo Tuina (page de service 1)

Intention : convertir celles et ceux qui hésitent encore à tester. Expliquer la pratique sans l'ésotériser, rassurer sur le déroulé, donner envie.

Ressentis cibles :

« Je comprends ce que c'est. »
« Ça répond à mon problème (dos, tensions, sommeil). »
« Je vais tester. »

Ce qui doit y être : principe en 2-3 paragraphes, indications (pour qui c'est fait), déroulé d'une séance, tarifs (50 min / 90 min), CTA.

3. Réflexologie plantaire Zu Xin Dao (page de service 2)

Intention : même que Tuina mais sur la spécialité pieds. Fort pouvoir différenciateur dans les témoignages Google (verrues plantaires, mycose, circulation, grossesse).

Ce qui doit y être : principe, indications, déroulé, tarifs. Inclure un témoignage spécifique à la réflexologie.

4. Massages en entreprise (page B2B — à refaire proprement)

Intention critique : transformer cette page du statut « PDF de brochure collé en PNG » à un vrai argumentaire B2B qui convertit des DRH/dirigeants. C'est une offre que Claire pousse activement — la page doit être professionnelle et convaincante, pas un catalogue.

Angles à travailler :

Pourquoi le massage en entreprise aujourd'hui (QVT, burn-out, rétention talents, événement d'équipe)
Les formats proposés (durées courtes sur site, logistique, matériel)
Ce que ça fait concrètement aux salariés
Déroulé d'une intervention type
Tarification : on indique une fourchette ou « devis selon volume » (pas de tarif figé si Claire ne le fige pas)
CTA spécifique : formulaire de demande de devis B2B avec champs entreprise, nombre de personnes, date souhaitée, lieu

Ressenti cible : « Cette femme sait ce qu'elle fait. Je peux la recommander à ma direction en confiance. »

Note importante : on ne dispose pas encore des formats exacts, des tarifs précis, de la logistique. On rédige une structure professionnelle avec du contenu plausible et des placeholders intelligents là où Claire devra compléter. On marque explicitement dans le code ce qui est à préciser avec un commentaire.

5. Témoignages (page dédiée — nouvelle)

Intention : centraliser la preuve sociale et la rendre vivante. Exploiter les 12 vrais avis Google 5★ déjà récupérés. Préparer le terrain pour les futures études de cas photos avant/après que Claire fournira.

Structure :

En-tête : un titre fort, une phrase d'intro (pas « ils ont testé », quelque chose de plus habité)
Bloc Avant/Après — template mockup : 2-3 cards avec placeholders images avant/après côte à côte + contexte client (« Marie, 42 ans, douleurs cervicales chroniques ») + récit du protocole (nombre de séances, type de soin) + témoignage texte. Les photos sont en placeholder explicite attendant l'envoi de Claire (utiliser des images de tissu ou matière du design system avec une bande Avant / Après visible, sans tromper).
Grille d'avis Google : les 12 avis en cards, mixant format compact (2-3 lignes) et format étendu (avis circonstanciés). Nom du client, étoiles, texte.
CTA final : « Lisez tous les avis sur Google » (lien vers la fiche Maps).

Ressenti cible : « Cette praticienne est vraiment reconnue. Des gens normaux parlent d'elle comme d'une référence. »

6. Mon parcours (page — à réécrire intégralement)

Intention : raconter comment Claire est arrivée là, de manière sincère, en retirant toutes les mentions animales (chevaux, chiens, jument, ostéopathie animale, école EFOA, adaptation équin-canin).

Contraintes strictes :

Aucune mention d'animaux, de chevaux, de chiens, de sa jument, de l'ostéopathie animale, de l'EFOA
Garder vrai : passage dans l'Ain, arrivée en Normandie, engagement sur 4 années à l'école Lishan de Caen, installation à Clécy en 2021
Trouver un « pivot narratif » qui tienne debout sans les animaux (par exemple : rencontre avec une praticienne qui lui a fait découvrir la médecine chinoise, ou intuition personnelle d'une autre manière de soigner, ou moment de bascule dans sa vie d'avant — ce pivot doit être plausible et respectueux, on ne le fabrique pas à partir de rien mais on peut formuler « j'ai croisé la médecine chinoise par hasard » ou « une rencontre m'y a amenée », sans inventer une personne nommée)
Ton personnel, première personne, sans grandiloquence

7. Contact

Intention : réduire la friction à zéro pour prendre rendez-vous.

Ce qui doit y être :

Adresse précise (5 Les Boureys, 14570 Clécy) avec carte (composant natif MapEmbed, style voyager, marker aux couleurs du design system)
Téléphone cliquable (06 46 14 14 50)
Horaires
Mode de règlement (chèque / espèces uniquement) — transparence
Formulaire contact (composant natif) avec champs : nom, téléphone, email, type de soin voulu, message libre
Note : pas de prise en charge sécurité sociale, mutuelles possibles — à indiquer calmement, pas avec disclaimer anxieux

La navigation — simplifier drastiquement

Le site actuel a 7 items dans la nav : Accueil · Anmo Tuina · Réflexologie plantaire · Massages en entreprise · Massages équins & canins · Mon parcours · Blog. C'est trop, et maintenant on retire les animaux.

Nouvelle nav — 5 items maximum :

` Accueil · Les soins ▾ · L'entreprise · Parcours · Contact (dropdown : Anmo Tuina, Réflexologie) `

Alternative si pas de dropdown : Accueil · Soins · Entreprise · Témoignages · Parcours. Le blog, désactivé dans le header (vide actuellement), peut être réintégré au footer ou plus tard. Témoignages peut être dans le footer aussi si on préfère décharger la nav — à arbitrer à la composition.

Un CTA permanent : « Prendre RDV » en bouton primary dans la nav (desktop) et en CTA sticky en bas (mobile). Le téléphone reste présent dans la nav desktop en discret, et en bloc contact dans le footer.

Le hero — animer obligatoirement

Hiérarchie à respecter :

Vidéo en boucle (Kling) si on a une image client exploitable à faire bouger. À privilégier — c'est le niveau de wow attendu par défaut sur cette offre.
Animation riche (WebGL, SVG animé sémantique au Tuina — ex : lignes qui circulent évoquant le Qi sans folklore) si la vidéo ne sert pas l'intention.
Image animée (ken-burns / parallax) uniquement si au moins deux images client scorent très haut en alignement_ton et hero_score. Sinon on passe en option 1 ou 2.
Hero statique : interdit.

Si vidéo ou animation image, justifier le choix dans hero_decision.md avant de coder.

Le titre du hero : doit tenir en 3-7 mots, utiliser l'italique signature sur le mot-clé. Pas de slogan. Exemples de direction (pas de copie finale à reprendre tel quel) :

Un atelier du toucher, à Clécy
Le corps a besoin qu'on l'écoute
Des tensions qu'on ne porte plus

Sous-titre : une phrase qui dit qui est Claire, ce qu'elle propose, pour qui. Pas plus de 30 mots.

Le logo et l'identité graphique

Logo extrait du site : à réutiliser. Passer par rework-logo pour obtenir une version sur fond transparent (et une version blanche pour fonds sombres).
Monogramme « cm » observé dans l'audit visuel : atout à garder si possible, utilisable en favicon et élément de signature dans le footer.
Le design system (design_system.json + design_system.html) est la source de vérité : palette terracotta/argile/laurier, Cormorant Garamond + Manrope, Lucide 1.25, grain SVG léger.

Les images — quoi utiliser, quoi éviter

Faire un catalogue des 30 images déjà téléchargées depuis le site. Scorer selon les trois dimensions :

quality_technique (netteté, résolution, exposition)
alignement_ton (à quel point l'image incarne l'« atelier du toucher » — gros plans, matières, gestes, pas spa cliché)
hero_score (pouvoir hero)

Usages :

Images alignement_ton ≥ 5 → exploitables dans les pages
Images alignement_ton ≥ 8 ET hero_score ≥ 8 → candidate pour hero image animée
Images alignement_ton < 5 → écartées du site, ne pas upscayler

Si pool insuffisant :

Cascade GMB photos → Instagram → Unsplash (contexte Clécy, matières, intérieurs) → Flux en dernier recours (maximum 3 générations)
Si aucune photo de Claire en portrait respectueux de notre direction, possibilité de générer une photo suggestive (mains au travail, geste, détail — jamais de visage identifiable fabriqué)

Les intégrations existantes à traiter

Le site actuel a Shopify et WordPress. Aucun des deux n'est un besoin métier réel ici — pas de catalogue produit à gérer, pas de CMS à maintenir. On n'a pas besoin de les reproduire. Le nouveau site Astro statique est suffisant.

Si Claire devait vendre des cartes cadeaux en ligne plus tard (elle les mentionne aujourd'hui sans vente en ligne), on peut prévoir un placeholder discret sur la page d'accueil : « Bientôt en ligne : cartes cadeaux — pour l'instant, contactez-moi directement. » Ne pas fabriquer une page e-commerce dans le prototype.

Ce qui n'est pas négociable

Zéro mention d'animaux. Aucune image, aucun mot, aucune référence. Test : faire une recherche Ctrl+F sur « cheval », « chien », « équin », « canin », « jument », « animal » avant livraison — doit retourner zéro résultat.
Zéro invention. Les 12 témoignages viennent de Google Maps — on les utilise tels quels. Les faits (adresse, téléphone, horaires, tarif structure) viennent des données du site existant. Pas de membre d'équipe fictif, pas de chiffre inventé, pas de récompense imaginée.
Français impeccable. Aucune faute. Apostrophes typographiques partout. Espaces insécables partout où le français les exige.
Hero animé. Pas de hero statique. La justification du choix (vidéo / animation / image animée) doit être tracée dans hero_decision.md.
Contraste texte sur image ≥ 4.5:1. Si texte superposé à une photo, overlay sombre + text-shadow OU pill OU déplacer le texte hors image.
Palette 100% chaude. Aucune couleur froide, aucun blanc pur, aucun bleu, aucun gris neutre. La chaleur est la signature — ne pas la diluer par confort.

Le test qualitatif final (à faire mentalement avant livraison)

Avant de marquer le prototype comme prêt, se poser trois questions :

Est-ce que le site pourrait appartenir à quelqu'un d'autre qu'à Claire ?

Si oui, l'identité est insuffisamment incarnée. Remettre du spécifique (son parcours, Clécy, le Tuina, des témoignages précis).

Est-ce qu'un lecteur qui ne connaît rien à la médecine chinoise comprend de quoi on parle ?

Si non, on a jargonné. Reformuler en partant du problème du lecteur, pas de la tradition.

Est-ce qu'on aurait envie de prendre rendez-vous en voyant ce site ?

Si non, on a raté le point. Le site n'est pas une carte de visite — c'est une porte vers une séance.