Optimisation complète du site Webflow de Natural Loop

Présentation

Natural Loop, la méthode de résilience des PME industrielles

Natural Loop est une méthode de décision destinée aux dirigeants de PME industrielles de 50 à 250 salariés, éditée par Performance Évolution Conseil et fondée par Gilles Théophile. Elle rend visibles les dépendances critiques d'un site de production, en eau, en énergie, en matières et en territoire, puis construit une trajectoire de continuité d'activité.

Le site porte dix-huit pages de contenu dense : la méthode et son périmètre, les dépendances fournisseurs et énergétiques, le cadre de pensée, un glossaire de référence et un autodiagnostic. Toute la démarche converge vers une seule porte d'entrée, le Scan Flash.

Sur ce marché, le site est la première pièce du dossier. Un dirigeant qui envisage de confier la lecture de ses vulnérabilités à un consultant juge d'abord la rigueur de ce qu'il a sous les yeux.

Contexte & Problématique

Un site riche en contenu, mais qui travaillait contre lui-même

Le site existait, il était complet, et il était freiné par ce qui ne se voit pas. Les deux vidéos de fond pesaient 11,7 Mo téléchargés à chaque visite, la bibliothèque d'images 25,9 Mo. Le voile de chargement, lui, se déclenchait après l'affichage : il recouvrait pendant trois secondes une page que le visiteur avait déjà commencé à lire.

Quatre-vingts images de contenu n'avaient aucune description, donc invisibles pour un lecteur d'écran comme pour les moteurs. Le formulaire de newsletter, présent en double dans le pied de page, déclenchait 270 requêtes vers un service tiers dès l'ouverture, sur chacune des dix-huit pages, avant tout consentement.

Le frein le plus coûteux était ailleurs. Tous les boutons de conversion renvoyaient le visiteur vers une page louée chez un prestataire externe, que Google avait l'interdiction de lire. Le référencement du site travaillait donc pour une adresse qui ne lui appartenait pas, la page équivalente hébergée sur le domaine ne recevait aucun lien interne, et deux outils de mesure se relayaient de part et d'autre du clic sans jamais produire un taux lisible.

Nos missions

Remettre le site d'aplomb sur quatre fronts, sans toucher à sa direction artistique

Notre mission n'était pas de refondre le site, mais de le rendre conforme à ce qu'il prétend être : rigoureux, lisible par tous et capable de transformer une visite en rendez-vous. Nous sommes intervenus directement dans l'environnement Webflow existant, en conservant la direction artistique en place.

Nous avons travaillé sur :

L'audit technique des dix-huit pages publiées, relevé avant toute modification
La compression des deux vidéos de fond et le réencodage de quarante-cinq images
La correction du voile de chargement, qui s'affichait après la page au lieu de la précéder
La description de toutes les images de contenu, revues une par une
Le chargement différé du formulaire de newsletter, au clic du visiteur seulement
Le référencement technique : titres, descriptions, balises canoniques, données structurées, plan du site
La mise à jour du fichier destiné aux moteurs d'intelligence artificielle
Le rapatriement de l'ensemble des boutons de conversion sur le domaine du client
L'enrichissement de la page Scan Flash, portée de onze à quatorze sections
La pose d'un plan de mesure unique, de la première visite jusqu'à la prise de rendez-vous
La rédaction des pages légales manquantes

Approche stratégique & méthodologie

Mesurer avant, corriger, puis mesurer après et dire aussi ce qui n'a pas bougé

Mesurer avant de toucher

Nous avons commencé par relever l'état réel du site, page par page : poids des fichiers réellement servis, images sans description, requêtes réseau avant consentement, liens morts, adresse canonique. Ce relevé est la seule référence qui permette ensuite de prouver un gain, et il n'est plus reproductible une fois les corrections posées.

Alléger ce que le visiteur télécharge

Les deux vidéos de fond sont passées de 11,7 Mo à 2,8 Mo, et quarante-cinq images de 25,9 Mo à 3,3 Mo, à cadrage, durée et qualité perçue identiques. Ce qui a changé, c'est le fichier servi, pas ce que voit le visiteur. Aucun échec de conversion, aucun fichier laissé de côté.

Rendre le site lisible par tout le monde

Chaque photo et chaque schéma porte désormais sa description, y compris les quatre illustrations qui n'en avaient nulle part et qu'il a fallu regarder une par une. Vingt-cinq descriptions restent volontairement vides : flèches, fonds décoratifs et vignettes de vidéo, que décrire encombrerait la lecture au lieu de l'aider. Le site est à 100/100 en accessibilité comme en référencement.

Ramener la conversion sur le domaine du client

Les quarante boutons de conversion du site portent un libellé unique et pointent vers la page hébergée sur le domaine. Seize pages y renvoient, la page qui était orpheline reçoit désormais tout le maillage interne, et cinq zones de clic sont distinguées dans la mesure : menu, menu mobile, bandeau d'accueil, bannière et corps de page. On saura laquelle convertit.