Étude de cas · Bien-être · séjours entre mer et montagne, Perpignan
Trente centimètres, du cerveau au cœur : un site qui donne envie de partir.
Entre la Méditerranée et les Pyrénées catalanes, une orthophoniste et un praticien du bien-être proposent des séjours où l’on vient souffler et dont on repart avec des outils concrets. Leur WordPress vendait ce voyage comme un catalogue ; nous en avons fait un carnet de voyage — identité, logo, textes, site et back-office, refaits de bout en bout.
Le contexte
Un séjour qui fait rêver. Un site qui ne faisait rêver personne.
Cynthia est orthophoniste et accompagne les enfants ; Thibault est praticien manuel, coach mental et hypnopraticien. Ensemble, ils ont imaginé des séjours de bien-être à Saint-Cyprien, au bord de la lagune, et à Font-Romeu, à 1 800 mètres : un week-end ou cinq à six jours, seul, à deux ou avec son enfant, huit voyageurs au plus. On y vient pour souffler, on en repart avec des outils — ceux qu’ils utilisent en cabinet.
Le site, lui, était un gabarit Elementor : un titre en capitales grasses posé sur deux photos de banque d’images, des pages aux adresses interminables, et un module de réservation en ligne dont les huit dates proposées étaient toutes passées — il n’avait jamais enregistré une seule réservation. Or un séjour sur mesure ne s’achète pas au panier : il commence par une conversation. Et la devise du client, la plus belle idée du projet, n’était qu’une ligne de sous-titre.
- 16 scripts et 38 feuilles de style pour afficher l’accueil
- Des adresses de plus de cent caractères, dont une portant un terme que le client ne voulait plus employer
- Un module de réservation à 61 tables, huit dates passées, zéro réservation
- Aucune identité : un logo détouré, une typographie de thème, des photos de catalogue
Avant, après. Même adresse, un autre voyage.
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é.
JavaScript de l’accueil
16 fichiers → 1 seul
Avant · WordPress : 461 Ko ; Après · site sur mesure : 7 Ko.
− 98 %Feuilles de style
664 Ko → 44 Ko
Avant · WordPress : 38 ; Après · site sur mesure : 1.
− 97 %Code HTML de l’accueil
balisage Elementor → HTML écrit à la main
Avant · WordPress : 144 Ko ; Après · site sur mesure : 31 Ko.
− 78 %Fichiers PHP à maintenir
cœur WordPress, thème et extensions → un contrôleur et ses gabarits
Avant · WordPress : 12 205 ; Après · site sur mesure : 55.
− 100 %Extensions à mettre à jour
Elementor, Elementor Pro, Amelia, Yoast…
Avant · WordPress : 7 ; Après · site sur mesure : 0.
− 100 %Médiathèque
1 357 fichiers → 99 visuels en WebP
Avant · WordPress : 254 Mo ; Après · site sur mesure : 15 Mo.
− 94 %
Barre grise : ancien site. Barre colorée : nouveau site. L’écart est calculé sur les valeurs mesurées.
01
Une phrase du client, devenue tout le site.
« Le plus beau voyage du monde ne fait que 30 cm : c’est le trajet entre le cerveau et le cœur. » Nous avons pris cette phrase au mot. Sous l’accueil, une règle graduée de trente centimètres relie « le cerveau » au « cœur » : un point ocre la descend à mesure que l’on lit. Tout le site suit cette idée de carnet de voyage intérieur — pages numérotées comme des étapes, « étape suivante » en bas de chacune, coordonnées GPS des lieux.
- La règle des 30 cm, animée au défilement — horizontale sur mobile
- Cinq étapes : le concept, les séjours, les lieux, l’accompagnement, après le séjour
- Cormorant Garamond en grand et en léger, l’italique ocre pour le mot qui compte
- Animations sobres, toutes désactivées pour qui préfère un écran calme
02
Un logo redessiné : la mer, la montagne, un soleil.
L’ancien emblème était une image beige détourée, inutilisable sur une photo. Le nouveau tient en quelques traits : un cercle, la crête des Pyrénées qui naît de l’anneau, deux vagues de Méditerranée, un soleil ocre. Vectoriel, il passe en blanc sur les visuels et en vert nuit sur l’ivoire sans changer de fichier, et reste lisible jusqu’à l’icône de 32 pixels de l’onglet.
- Dessin vectoriel en ligne dans la page : net à toute taille, aucune requête
- Une seule couleur d’accent, l’ocre du soleil — celle de tout le site
- Décliné en favicon, icône d’écran d’accueil et image de partage
03
Les vraies photos des vrais lieux.
Dans la médiathèque dormaient des captures d’écran du téléphone du client : la lagune de Saint-Cyprien, un nuage d’orage doré par le couchant au-dessus de la plage, les lacs et les ruisseaux de Cerdagne. Recadrées et retraitées, ce sont elles qui portent la page des lieux — avec leurs coordonnées et leur altitude, comme dans un carnet. La banque d’images ne sert plus que d’appoint.
- Deux lieux, deux chapitres : 42° 37′ N pour la mer, 42° 30′ N et 1 800 m pour la montagne
- Mosaïques qui se dévoilent de haut en bas à l’entrée dans l’écran
- 99 visuels en WebP, variantes portrait pour mobile, en-tête préchargé
Réserver : d’un module vide à une conversation.
04
Des séjours qui se lisent comme des fiches de voyage.
L’ancienne page des programmes était un long bloc de texte blanc centré sur une photo. Chaque formule a maintenant sa fiche : une image en arche, la promesse, puis la durée, la formule, le nombre de places et le tarif alignés comme sur un billet — dès 180 € par personne en duo, 210 € en solo, huit voyageurs au plus. Un bouton par formule pré-remplit la demande.
- Week-end, immersion de cinq à six jours, atelier enfant : trois fiches, trois boutons
- Textes réécrits, vocabulaire recadré sur le bien-être, cadre non médical rappelé sur chaque page
- Adresses raccourcies — /sejours/ au lieu de 56 caractères — et 17 redirections permanentes
05
« À force de vouloir être… » : laisser parler le client.
Au milieu de l’ancien accueil, un texte sincère et maladroit sur l’injonction à « être » — être fort, être la maman idéale, ne pas pleurer. Nous l’avons gardé, resserré, et mis en scène : une litanie en italique, puis la phrase qui retourne tout, sur le nuage d’orage photographié par le client. C’est la page la plus personnelle du site, et c’est la sienne.
- Le fond défile plus lentement que le texte : un léger relief, sans bibliothèque d’animation
- Chaque texte reste modifiable par le client, directement sur la page
Sous le capot
Le même moteur que son cabinet, une tout autre allure.
Le site partage son moteur avec celui du Centre Congruence, refait quatre jours plus tôt pour le même client : la preuve qu’un socle sur mesure n’impose aucune apparence.
PHP sans dépendance
Un contrôleur frontal, des gabarits, le contenu en fichiers, une petite base SQLite pour le back-office. 55 fichiers au lieu de 12 205 : rien à mettre à jour, rien à surveiller.
Tout se modifie sur la page
Connecté, le client clique sur un titre, un paragraphe ou une photo et le corrige en place. Les demandes de séjour et les clics sur le téléphone sont suivis dans son tableau de bord.
Aucun traceur, aucun bandeau
Ni Google Analytics ni réseau publicitaire : la mesure est interne et anonyme, la vidéo YouTube ne se charge qu’au clic. Pas de cookie, donc pas de bandeau de consentement à fermer avant de rêver.
Basculé en une journée et réversible : l’ancien WordPress et sa base sont archivés, le retour arrière tient en une commande. Hébergé en France sur l’infrastructure DYCAST.
Sur mobile
Un carnet qui tient dans la poche.
Menu plein écran numéroté, avec la devise en pied ; la règle des trente centimètres passe à l’horizontale ; les en-têtes ont leur variante portrait, deux fois plus légère.
- ÷ 65
- de JavaScript sur l’accueil : 461 Ko → 7 Ko
- 38 → 1
- feuille de style à charger
- 0
- extension, traceur ou bandeau de cookies
- 1 jour
- de l’audit à la mise en ligne, logo compris
Ce que ça change
- Une marque reconnaissable : un logo, une typographie, une palette, un ton
- La devise du client, enfin à sa place — elle structure tout le site
- Des demandes de séjour qualifiées, au lieu d’un module de réservation vide
- Les vraies photos des lieux, mises en valeur comme un carnet de voyage
- Plus rien à mettre à jour, plus de surface d’attaque WordPress
Fiche technique
- Plateforme
- PHP 8.2, site sur mesure, aucun CMS
- Identité
- Logo vectoriel redessiné, favicon, image de partage
- Typographie
- Cormorant Garamond + Jost, variables, auto-hébergées (103 Ko)
- Animations
- CSS et 7 Ko de JavaScript, sans bibliothèque ; respect de « réduire les animations »
- Images
- 99 visuels JPEG + WebP, variantes mobiles, en-tête préchargé
- Formulaire
- Projet de séjour, Turnstile, SMTP direct, suivi des demandes
- SEO
- Adresses raccourcies, 17 redirections, JSON-LD, sitemap, RSS
- Hébergement
- Conteneur PHP dédié, sauvegarde nocturne, infrastructure DYCAST
Les savoir-faire mobilisés
Quatre univers, un seul projet.
Votre site fait-il rêver vos clients ?
Séjours, hébergements, bien-être, tourisme : en 30 minutes, nous regardons votre site et vous disons ce qu’il pèse, ce que Google en lit — et ce qu’il devrait faire ressentir avant même la première ligne.
Ou, plus direct :
Appeler le 04 48 07 27 95E-mail :hello@dycast.fr