ProfEnergie — présence web et gestion interne des dossiers pour un conseil en énergie

Point de départ

Qui veut changer de fournisseur d'électricité aujourd'hui atterrit d'abord sur un comparateur : un calculateur, une liste, une prime — et douze mois plus tard, le même jeu recommence. Un conseiller indépendant propose ce qu'un comparateur ne peut pas offrir : une personne qui connaît encore le contrat après la signature et qui résilie l'ancien à votre place. C'est précisément cela qu'on ne voyait pas en ligne. Dix ans de parcours, des milliers de contrats placés et un interlocuteur attitré plutôt qu'une hotline — tout cela vivait dans des appels téléphoniques, pas sur une page qu'on trouve avant de décrocher.

S'ajoute l'autre moitié du travail, que personne ne voit de l'extérieur. Une demande devient un dossier qu'il faut enregistrer, affecter et transmettre. Une présence web qui se contente de générer des demandes aurait laissé cette moitié intacte — déplaçant le goulot d'étranglement au lieu de le supprimer.

Le défi

• La confiance sans calculateur : dès les premières secondes, le site doit expliquer pourquoi une personne vaut mieux qu'un comparateur — sans refaire le comparateur.
• Deux publics, un seul site : particuliers et professionnels cherchent un tarif, les futurs partenaires commerciaux une opportunité. Les deux doivent s'y retrouver sans que le site se scinde en deux.
• Montrer correctement des marques tierces : 17 fournisseurs pour les particuliers et 14 pour les professionnels font partie de la preuve. Les nommer est permis — régler les droits de chaque logo aurait été un projet à part entière.
• Cela ne s'arrête pas au clic : la partie publique et la partie interne devaient former un tout — une identification, une base de code, un déploiement plutôt que deux systèmes côte à côte.

La solution

La page d'accueil ne s'ouvre pas sur un calculateur, mais sur le parcours : sept étapes de décembre 2015 à aujourd'hui, sous forme de frise qui se construit étape par étape au défilement. L'expérience n'y est pas affirmée, elle est décomptée. Viennent ensuite les fournisseurs, qui défilent en deux bandeaux, les six domaines de prestation alignés à égalité, et le déroulement réduit à quatre étapes qui apparaissent une à une pendant le défilement : envoyer la facture, faire comparer, donner l'ordre, être livré. C'est l'ordre d'une conversation, pas d'un catalogue.

Deux bandeaux au lieu de logos tiers

Les fournisseurs sont la preuve la plus forte du site et, en même temps, sa partie la plus délicate : ce sont des marques tierces. La réponse est la typographie plutôt que l'image — chaque nom est composé en texte, avec la mention de ce qui y est placé : électricité, gaz ou chaleur. Cela évite la question des droits pour chaque logo, reste net sur tout écran, ne coûte aucune requête d'image et se laisse lire par un lecteur d'écran. Deux bandeaux défilent en sens inverse, séparés entre particuliers et professionnels, avec le compte à côté : 17 et 14. Au-dessus, un bouton « arrêter le bandeau » — un mouvement qu'on ne peut pas stopper n'est pas du design pour tout le monde, c'est un obstacle.

Deux intentions, un seul formulaire

Le second public aurait facilement pu donner un second site. C'est au contraire le premier clic dans le formulaire qui tranche : « demande de tarif » ou « partenariat commercial ». Les champs restent les mêmes, les indications en dessous changent, et le message arrive dans la boîte avec l'objet correspondant. Le volet commercial dispose en plus d'une page dédiée avec deux vidéos — chargées depuis Vimeo seulement après un clic explicite. Avant cela, pas un octet ne quitte le domaine. Cloudflare Turnstile protège des envois automatisés, sans cookie et sans profil inter-sites.

La partie derrière l'identification

Sous le même domaine, depuis la même base de code et sur la même grille se trouve la gestion des dossiers : import, vue d'ensemble et notification au même endroit. Ce n'est pas un second produit, mais le prolongement du formulaire — ce qui entre à l'avant devient un dossier à l'arrière. L'accès est resserré en conséquence : tout appel sous /dashboard est redirigé vers l'identification, les moteurs sont exclus via robots.txt, le même contrôle précède le bouton de connexion que le formulaire de contact, et il n'existe volontairement pas de réinitialisation automatique du mot de passe — avec un seul compte autorisé, un parcours en libre-service est davantage une surface d'attaque qu'un confort.

Une technique qui ne se remarque pas

Le site est pré-rendu et diffusé depuis un réseau de nœuds de distribution ; les images résident en WebP dans un stockage dédié et sont livrées en AVIF à la bonne taille selon le navigateur. L'image d'ouverture dispose d'un recadrage vertical propre aux écrans étroits, et non d'une simple version réduite — sur sept visuels, un seul est chargé immédiatement, les six autres quand vient leur tour. Rien ne bouge pendant le chargement : la hauteur et la largeur de chaque image sont fixées à l'avance.

• Aucun cookie, aucun pixel de mesure, aucune bannière de consentement : l'ouverture de la page d'accueil ne contacte aucun serveur tiers.
• Le diaporama et les bandeaux peuvent être mis en pause, chaque section porte un titre restituable par un lecteur d'écran, et qui a demandé moins d'animation l'obtient.
• Les polices sont livrées avec la page plutôt que chargées ensuite — aucun saut de mise en page à leur arrivée.
• Les mentions obligatoires sont complètes : mentions légales, politique de confidentialité au titre de l'art. 13 RGPD et une adresse postale sur chaque page.

Mesuré

Les valeurs suivantes proviennent d'une mesure de la page d'accueil avec Chromium, sans bridage artificiel — elles montrent ce que permet le dispositif, non ce qu'en fait telle ou telle connexion.

Ce que cela signifie pour votre activité commerciale

Le cœur commercial de ce dispositif n'est pas la technique, mais l'ordre dans lequel les preuves arrivent. Celui qu'on conseille ne compare pas que des prix, il compare des personnes — et il lui faut pour cela du vérifiable : un parcours daté, une liste de fournisseurs chiffrée, un déroulement en quatre étapes plutôt qu'en douze. Celui qui place les contrats a ensuite besoin d'un endroit où le dossier ne redevient pas du travail manuel. Garder les deux dans un seul système ne fait pas qu'économiser des licences : cela raccourcit le chemin de la demande au dossier au point qu'une seule personne puisse le parcourir.