Étude de cas · Bien-être · massages & soins du visage, Perpignan
Son logo était un soleil. Nous en avons fait tout le site.
Au Soler, près de Perpignan, Laura masse et prend soin des femmes, en salon privé ou à domicile. Son site Elementor ressemblait à tous les autres. Le nouveau ne ressemble qu’à elle : les rayons de son logo encadrent les photos, l’ambiance suit l’heure du jour, et un compteur égrène les minutes qu’il vous reste ce mois-ci pour penser à vous.
Le contexte
Un lieu singulier. Un site interchangeable.
Divine Féminine, c’est Laura : des massages bien-être, des soins du visage, de la madérothérapie et du drainage lymphatique, entièrement dédiés à la femme. Elle reçoit dans un salon privé au Soler, à moins de dix minutes de Perpignan, et se déplace à domicile dans un rayon de 25 kilomètres. Sur sa fiche Google, 125 avis — tous à cinq étoiles.
Son site, lui, était un assemblage Elementor : un bandeau gris, une écriture manuscrite, une vague en découpe — la panoplie de mille sites de bien-être. La première maquette que nous avons proposée était élégante… et le verdict est tombé, juste : « j’adore, mais ça ressemble à d’autres sites ». Arches, serif fine, crème et or : les codes du secteur. Nous avons tout repris depuis ce qui n’appartient qu’à elle.
- 33 feuilles de style et une vingtaine de scripts pour afficher l’accueil
- Des adresses interminables : 71 caractères pour la seule page Contact
- Un logo solaire très reconnaissable, réduit à une vignette dans l’en-tête
- Un service à domicile dans tout le Roussillon, et pas une page pour le dire
Avant, après. La même carte de soins, une autre présence.
Avant / après, mesuré
Ce qu’il faut charger pour voir l’accueil.
Mesures du 20 septembre 2026 : le HTML de l’ancien accueil et les fichiers qu’il appelle, pesés sur le disque, puis la même chose pour le nouveau. Rien d’estimé — et ce qui n’a pas baissé est dit aussi.
Feuilles de style
349 Ko → 47 Ko
Avant · Elementor : 33 ; Après · thème sur mesure : 1.
− 97 %Scripts du site
17 fichiers → 3, dont 9 Ko pour tout le thème
Avant · Elementor : 734 Ko ; Après · thème sur mesure : 26 Ko.
− 96 %Extensions actives
Elementor, Elementor Pro et deux extensions de formulaires désactivés
Avant · Elementor : 12 ; Après · thème sur mesure : 7.
− 42 %Fichiers PHP du rendu
Elementor et Elementor Pro → le thème
Avant · Elementor : 2 395 ; Après · thème sur mesure : 34.
− 99 %Adresse de la page Contact
cinq adresses raccourcies, toutes redirigées en 301
Avant · Elementor : 71 car. ; Après · thème sur mesure : 7 car..
− 90 %
Le code HTML de l’accueil, lui, pèse autant qu’avant (173 Ko) : les soleils sont dessinés dans la page, en SVG, plutôt que chargés comme des images. Compressé, cela ne pèse presque rien — mais un comparatif honnête le dit.
01
Le soleil du logo, devenu système de formes.
Nous avons redessiné le soleil du logo en SVG : un cercle, vingt-deux rayons en flamme. Puis nous lui avons tout confié. Sur l’accueil, la photo occupe le disque et les rayons se tracent autour, un à un, avant de tourner très lentement. Sur les fiches de soins, chaque image est un galet vertical derrière lequel se lève un demi-soleil. Sur les cartes, les rayons naissent au survol. Plus une seule arche : elles appartiennent à tout le monde.
- Un seul composant, une longueur de rayons paramétrable : il encadre une grande photo comme une vignette
- Un sceau tournant « Prendre rendez-vous » avec le téléphone, posé sur la photo d’accueil
- Un petit soleil devant chaque surtitre et dans chaque bouton — il pivote au survol
- Fraunces, une serif à caractère, à la place des Cormorant et Playfair du secteur
02
Un logo qui se dessine à l’entrée.
À la première visite, l’écran s’ouvre sur le logo en train de naître : le disque se trace, les rayons s’allument l’un après l’autre, le lettrage sort du flou, « Bien être » s’inscrit sur l’arc — puis le rideau se lève sur l’accueil, où les mêmes rayons reprennent autour de la photo. Le lettrage n’a pas été redessiné : c’est celui du logo d’origine, détouré et utilisé en masque, pour rester fidèle à la marque au trait près.
- Entièrement en CSS : aucune bibliothèque d’animation, rien à charger
- Jouée une seule fois par visite, abrégée d’un clic, ignorée si l’on préfère un écran calme
- Le même tracé sert de favicon, d’icône de bouton et de filigrane
03
Le site vit à l’heure du soleil.
Puisque la marque est un soleil, le site suit le vrai. À l’aube, l’accueil est rosé et souhaite une belle matinée ; le soir, il s’ambre ; la nuit, il bascule en brun profond, rayons dorés, et murmure « Douce nuit ». C’est l’heure du visiteur qui décide, pas celle du serveur — et la page reste la même pour le cache.
- Quatre ambiances : aube, jour, soir, nuit
- En-tête, boutons, pastille d’avis et sceau suivent la bascule nocturne
- Aucun aller-retour serveur : une ligne de script avant le premier rendu
04
43 200 minutes : une phrase de la cliente, devenue compteur.
Sur l’ancien accueil, une phrase passait inaperçue : « un mois possède 43 200 minutes, vous trouverez bien un moment à vous accorder ? ». Nous l’avons prise au mot. Le site affiche, en grands chiffres au trait, les minutes qu’il reste réellement avant la fin du mois — à la minute près, en direct. Dessous, la question de Laura, et un bouton : « M’en accorder soixante ».
- Calculé dans le navigateur, mis à jour en continu
- Sans JavaScript, la phrase d’origine s’affiche : « 43 200 minutes dans un mois »
- L’appel à l’action naît du propos, pas d’un bandeau promotionnel
05
Perpignan, ses quartiers, et tout autour — sans tricher.
Laura se déplace : encore fallait-il que Google le sache. Nous avons créé 34 pages locales, une par commune desservie, chacune nourrie d’une donnée qui lui est propre — la distance réelle au salon, calculée depuis l’API géographique nationale, ses communes voisines, la règle de déplacement. Les quartiers de Perpignan, eux, sont des sections d’une page Perpignan solide, pas trente pages clonées : dupliquer un texte en changeant un nom, c’est ce que Google sanctionne.
- 34 communes, du Soler à Canet-en-Roussillon, générées depuis geo.api.gouv.fr
- Cinq secteurs de Perpignan, du côté du salon au côté opposé
- Une FAQ locale par page, et les soins avec leurs prix
- Un plan de site dédié, ajouté à celui de Yoast
Sous le capot
Lisible par Google. Et par les assistants d’IA.
De plus en plus de clientes demandent un massage à ChatGPT ou à Perplexity avant de le demander à Google. Le site répond aux deux, avec les mêmes faits.
Des données structurées qui ne peuvent pas mentir
L’établissement, ses horaires, les 34 communes desservies et les 15 prestations avec leurs prix exacts sont publiés en JSON-LD — générés depuis les mêmes fichiers que les pages. Un tarif change : le balisage suit.
Un llms.txt et une FAQ factuelle
Une fiche d’identité en texte brut pour les assistants d’IA — coordonnées, tarifs, zone, questions fréquentes — et onze réponses qui ne reprennent que des faits établis. Les robots d’IA ne sont pas bloqués : nous l’avons vérifié.
Les avis Google restent branchés
L’extension qui synchronise la fiche Google reste en place ; le thème lit ses données et dessine tout lui-même, sans ses scripts. Chaque avis vu est archivé : la liste ne fait que grandir. La grille Instagram fonctionne sur le même principe.
Basculé en une journée, et réversible : Elementor n’est que désactivé, le retour arrière tient en une commande. Hébergé en France sur l’infrastructure DYCAST.
Prendre rendez-vous : d’une page de liens à une vraie demande.
Sur mobile
Appeler, écrire, réserver : toujours sous le pouce.
Une barre d’action suit la lecture — elle s’efface en bas de page pour laisser lire le pied. Le menu s’ouvre en plein écran, la note Google en pied. Et la nuit, le téléphone aussi passe en brun et or.
- 33 → 1
- feuille de style à charger
- ÷ 28
- de scripts : 734 Ko → 26 Ko
- 34
- pages locales, fondées sur des distances réelles
- 1 jour
- de l’audit à la mise en ligne, référencement local compris
Ce que ça change
- Un site qu’on reconnaît : le soleil de la marque est partout, et nulle part ailleurs
- Des tarifs lisibles et un bouton de réservation sur chaque soin
- Perpignan, ses quartiers et 33 communes autour enfin nommés, page par page
- Les 125 avis Google mis en avant dès le premier écran
- Elementor n’est plus chargé : moins de code, moins de mises à jour, moins de surface d’attaque
Fiche technique
- Plateforme
- WordPress, thème sur mesure sans constructeur de pages
- Identité
- Soleil du logo redessiné en SVG, lettrage d’origine détouré, écran d’entrée animé
- Typographie
- Fraunces + Jost, variables, auto-hébergées
- Animations
- CSS et 9 Ko de JavaScript, sans bibliothèque ; respect de « réduire les animations »
- Images
- 32 visuels de la cliente en WebP, trois largeurs
- Référencement
- 34 pages locales, JSON-LD (établissement, 15 offres, FAQ), plan de site, llms.txt, redirections 301
- Avis & réseaux
- Fiche Google synchronisée par extension, rendu par le thème ; grille Instagram sur le même principe
- Formulaire
- Demande de rendez-vous, Turnstile, accusé de réception
- Hébergement
- Conteneur PHP dédié, cache de page, infrastructure DYCAST
Votre site ressemble-t-il à celui de vos concurrents ?
Institut, cabinet, salon, praticien à domicile : en 30 minutes, nous regardons votre site et vous disons ce qu’il pèse, ce que Google et les assistants d’IA en lisent — et ce qui, chez vous, mérite de devenir votre signature.
Ou, plus direct :
Appeler le 04 48 07 27 95E-mail :hello@dycast.fr