Aller au contenu principal
Réalisation · Élagage & abattage

L.A Environnement

Un arboriste-grimpeur de Vertou qui travaillait au bouche-à-oreille et au flyer. Aujourd'hui : un site qui change d'apparence selon l'heure et la saison, montre ses chantiers en photos réelles, explique sans détour ce que ça coûte, et prend les urgences jour et nuit.

Élagage · abattage · jardinThème sur mesureSEO local Loire-AtlantiqueDurcissement sécuritéMobile d'abord
Le site L.A Environnement sur ordinateur, tablette et téléphone
Le besoin

Sortir du flyer

Anthony Lamarque avait un métier, une camionnette et un papier à distribuer. Rien en ligne. Or un arbre qui penche après une tempête, ça se cherche sur un téléphone, à 22 h, en urgence — et celui qui ne sort pas dans cette recherche-là n'existe pas.

Ce qu'on a fait

Un thème à lui seul

  • Thème WordPress sur mesure, sans constructeur de page
  • Rédaction complète, métier par métier
  • Fiche Google structurée (schema LocalBusiness)
  • Référencement local Vertou / Loire-Atlantique
  • Durcissement de sécurité et en-têtes HTTP
Le résultat

Le site répond avant lui

Les tarifs sont affichés, les chantiers sont montrés en photos réelles, l'urgence 24 h/24 est annoncée en haut de page. Le visiteur arrive renseigné ; l'appel ne sert plus à expliquer, il sert à convenir d'une date.

Le site change avec le jour

C'est la pièce maîtresse. Le premier écran existe en douze états — quatre saisons croisées avec trois moments de la journée. La saison est décidée par le serveur ; l'heure, elle, est celle du visiteur, lue et posée avant le premier rendu. Pas de scintillement, et surtout : le cache ne peut pas figer une ambiance de midi sur un visiteur de minuit.

Le même premier écran du site L.A Environnement en version jour, crépuscule et nuit
JourCrépusculeNuit

Douze ambiances, c'est douze risques de rendre un titre blanc illisible. Les douze ont donc été mesurées, texte masqué et fond réellement peint, en 390×844 et en 1440×900 : le plancher tombe à 10,01:1 au 5e centile, pour un seuil d'accessibilité AA fixé à 4,5:1. Le plafond monte à 17,7:1 la nuit.

Démonstration

Défilez : l'arbre descend

Voilà ce qui se passe derrière chaque page de son site : une canopée filmée en couche fixe, et un arbre de six mille pixels de haut qui descend au rythme du défilement. Ce n'est pas une image de fond — c'est une scène qu'on traverse.

Extrait réel du site · elagage-vertou.fr

Ce qui bouge, et pourquoi

Le fond

Une canopée qui respire

Derrière toute la page, une couche fixe : une vidéo de canopée en boucle, muette, et par-dessus un arbre de 1 200 × 6 000 pixels qui descend au fil du défilement. C'est ce feuillage-là qui bouge — il n'y a pas de feuilles qui tombent, il y a une forêt derrière la page.

La vidéo est chargée en dernier, jamais avant le texte. Sur téléphone elle n'est pas chargée du tout : 0 octet mesuré, contre 586 Ko sur ordinateur.

Le défilement

Amorti à la molette, jamais au doigt

GSAP et ScrollTrigger pilotent les scènes ; Lenis adoucit la molette. Le tactile, lui, est laissé strictement natif — un défilement « amélioré » au doigt est la première chose qui fait fuir d'un site sur mobile.

Les rappels sont regroupés sur la boucle d'animation plutôt que tirés à chaque événement, et le redimensionnement est ignoré quand la barre d'adresse du navigateur mobile se rétracte : sans ça, chaque petit glissement relançait tout le calcul.

Les scènes

Une dissolution au pixel

La section des prestations se révèle par une dissolution dessinée sur un canevas, pixel par pixel, dont l'avancement suit le défilement. Les titres montent mot à mot derrière un masque ; un bandeau défilant accélère quand le visiteur défile vite.

Sous 960 pixels de large, le canevas est purement et simplement coupé : un petit processeur n'a pas à peindre une grille pour afficher six cartes.

Le garde-fou

Réduction de mouvement : coupure nette

C'est le point le plus important, et le moins visible. Les animations étant posées par GSAP en styles en ligne, la règle CSS habituelle ne les coupait pas : un visiteur ayant demandé moins d'animations restait devant des blocs invisibles — les tarifs n'existaient tout simplement pas pour lui.

L'état final est désormais forcé : tout visible, tout cliquable, sans aucune animation. Même filet si GSAP ne se charge pas — 4G coupée, script bloqué.

Ce qui se passe sous le capot

Relevé sur le site en ligne, le 14 septembre 2026.

17requêtes au chargement, images comprises
16/17images en chargement différé
0débordement horizontal, aux trois tailles testées
24 h/24déclaré dans la fiche structurée, 7 jours sur 7
Référencement

Lisible par Google, ligne à ligne

Titre, description, adresse canonique et partage social complet (image 1920 px). Surtout : une fiche LocalBusiness structurée qui donne le téléphone, l'adresse exacte — 554 route de Clisson, 44120 Vertou —, la zone couverte (Loire-Atlantique et Vertou), les horaires 7 j/7, et un canal déclaré « Intervention d'urgence » rattaché au numéro.

C'est ce balisage qui permet à une recherche « élagueur urgence Vertou » de tomber sur la bonne entreprise, avec le bon numéro, sans passer par un annuaire payant. Plan du site et robots.txt en place.

Sécurité

Fermé comme nos propres sites

Le même durcissement que celui livré avec nos thèmes : xmlrpc refusé, énumération des comptes bloquée côté API comme côté URL, en-têtes nosniff, anti-encadrement, politique de référent et de permissions, HSTS d'un an, et montée en HTTPS forcée.

Un site d'artisan n'est pas attaqué pour ce qu'il contient — il l'est parce qu'il est trouvable et qu'il tourne sur WordPress. Le fermer coûte une heure ; le rouvrir après coup coûte un client.

Poids

Images modernes, texte compressé

Toutes les images sont en WebP, compression Brotli sur le texte, et seize des dix-sept images attendent d'être à l'écran pour se charger. Les pages suivantes sont préchargées en arrière-plan pendant que le visiteur lit.

La page reste dense — un site d'élagage se vend avec des photos, pas avec des paragraphes. Sur téléphone, la vidéo de fond est écartée, ce qui retire à elle seule plus d'un demi-mégaoctet.

Preuves

Rien d'inventé

Pas une photo de banque d'images dans les chantiers : ce sont ses arbres, son broyeur, ses murs. L'avis Google affiché est le vrai, avec sa note et son nombre réel — un seul avis, affiché comme tel.

C'est une règle de la maison : on n'écrit jamais sur la page d'un client une preuve qu'il ne peut pas produire si on la lui demande.

Page par page

Chaque section répond à une question que le client posait au téléphone.

Les six prestations — L.A Environnement
Les six prestationsÉlagage en grimpe, abattage, haubanage, création et entretien de jardin, évacuation. Filtrables d'un clic, chacune avec sa vraie photo de chantier.
Les chantiers, avant / après — L.A Environnement
Les chantiers, avant / aprèsPas de banque d'images : ce qu'il y avait, ce qui a été fait, ce qu'il en reste. Photos prises sur place, avec l'avis Google réel juste en dessous.
Ce que ça coûte — L.A Environnement
Ce que ça coûteLa page ne donne pas SON prix — il se fixe après la visite. Elle donne les prix constatés du métier, puis explique que le tarif est adapté aux revenus : devis normal, réduction appliquée dessus, écrite noir sur blanc.
La demande de devis — L.A Environnement
La demande de devisUne seule question posée au visiteur : ce qui vous inquiète. Le formulaire vient après, jamais avant.

Des exemples, pas des promesses

Le site ne se résume pas à son accueil. Chaque page a été écrite pour une question précise que quelqu'un tape réellement dans Google.

Une page par prestation — L.A Environnement
Une page par prestation« Élagage en grimpe à Vertou (44) : taille douce d'arbre ». Six prestations, six pages, six recherches Google différentes. Une page fourre-tout « nos services » n'aurait rien capté.
Une page par chantier — L.A Environnement
Une page par chantierPendant / après, photographié sur place. C'est la preuve qu'un devis ne remplace pas : le client voit ce qui l'attend avant même d'appeler.
La page qui sonne à 2 h du matin — L.A Environnement
La page qui sonne à 2 h du matin« Urgence arbre tombé à Vertou — élagueur 24 h/24 ». Une page dédiée, le numéro en gros, pour la recherche faite dans la panique après une tempête.
Ce que ça coûte, sans détour — L.A Environnement
Ce que ça coûte, sans détour« Prix d'un élagage ou d'un abattage à Vertou et Nantes ». La page donne les prix constatés du métier — pas les siens, qui se fixent sur place — puis annonce que le tarif est adapté aux revenus. Rare, et désarmant.
Sur le téléphone

Deux boutons, toujours là

Un arbre menaçant se cherche dehors, sous la pluie, sur un écran de six pouces. Une barre fixe reste donc collée en bas de l'écran du début à la fin : Appeler et Devis. Le visiteur n'a jamais à remonter chercher un numéro.

Le rendu a été vérifié à 390 × 844 : aucun débordement latéral, aucun texte coupé, et la vidéo de fond écartée pour ne pas manger le forfait.

Le site L.A Environnement sur téléphone

Le vôtre, le mois prochain

Audit gratuit, devis en trente secondes, livraison en cinq jours. On commence par un échange, sans engagement.

Demander mon audit
Alliance Ambassadeurs
Alliance GroupeiPhone & Android · gratuit

Quelle application ?

Installe celle que tu veux (gratuit).

Application du siteAlliance Groupe — web & sécurité⤓
Application AmbassadeursGagner / prospecter avec nous⤓

Installer Alliance Groupe

1️⃣ Touche Partager 􀈂 en bas de Safari
2️⃣ Choisis « Sur l’écran d’accueil »
3️⃣ Ajouter → l’app apparaît sur ton écran 🎉
Nos expertises à Nantes : Création de site internet à Nantes  ·  Sécurité informatique PME (NIS2)