Création de site internet pour artisan à Parisl’agence qui a conçu celui-ci

Quinze pages, toutes générées à l'avance et servies en fichiers statiques : il n'y a ni base de données à interroger, ni serveur à attendre. Cinq pages de prestation, cinq pages de secteur, deux pages de regroupement qui portent leur propre propos, l'accueil et les deux pages légales.

Chaque page de prestation et de secteur est liée depuis l'en-tête, depuis le pied de page et depuis le corps de l'accueil — la règle est vérifiée par script à chaque livraison, parce qu'une page qui n'est liée de nulle part finit par ne plus être visitée du tout. S'y ajoute un bloc de navigation qui présente les douze pages sur chacune, et des liens posés dans le fil des paragraphes, quatre au maximum par page, dont l'ancre est un mot que l'artisan avait déjà écrit.

La palette est prise sur l'ouvrage : la pierre de taille parisienne, le vert des persiennes, le zinc des toitures, le laiton du logo. Le motif qui revient en filet d'une section à l'autre est une pile de lames de persienne. Rien de tout cela n'est décoratif au sens gratuit du terme — c'est ce qui fait qu'un copropriétaire du 8e reconnaît son immeuble avant d'avoir lu une ligne.

Le rythme de lecture a été travaillé autant que les couleurs. Les sections alternent fonds clairs et fonds sombres, jamais plus de deux claires de suite, et quatre compositions cassent délibérément la charpente commune : un bloc d'engagements sur fond d'encre, une phrase posée sur une photographie, une bande de cinq secteurs en pleine largeur, une planche technique centrée. Une page longue qui déroule vingt fois la même structure ne se lit pas jusqu'au bout, quelle que soit la qualité du texte.

Le site est entièrement lisible sans JavaScript : les menus, les questions dépliantes et les fiches techniques fonctionnent en CSS seul. Les apparitions au défilement s'ajoutent quand elles le peuvent et disparaissent proprement quand le visiteur a demandé moins d'animation dans les réglages de son appareil.

Le contraste de chaque texte a été mesuré, y compris celui posé sur une photographie, où la couleur de fond déclarée ne dit rien du pixel réel qui se trouve derrière une lettre. Aucun texte du site ne descend sous le seuil AA des règles d'accessibilité, aucune cible tactile sous quarante-quatre pixels, aucun débordement horizontal sur un écran de trois cent quatre-vingt-dix pixels.

Les titres de page nomment le service et le lieu, les données structurées décrivent l'entreprise, ses prestations et ses questions fréquentes, le plan du site est généré automatiquement à partir des pages qui existent réellement. Ce sont les fondations, et elles ne suffisent pas à elles seules.

Ce qui fait la différence sur ce type de requête, c'est le contenu que le concurrent n'a pas écrit : ce qu'est exactement un repli en tableau, pourquoi la corrosion commence toujours au pied des lames, ce que change l'obligation de ravalement décennal à Paris, ce qu'un devis d'entretien du bâtiment doit contenir depuis l'arrêté du 24 janvier 2017. Ce travail-là se fait avec l'artisan, en l'écoutant décrire son métier, et il ne se sous-traite pas à un générateur.

Un formulaire court suit le hero de chaque page — nom, téléphone, adresse du chantier, ouvrage concerné, une photographie facultative. Le formulaire complet, avec le nombre de vantaux et les créneaux de visite, reste sur l'accueil pour ceux qui ont déjà décidé. Un champ invisible enregistre la page d'origine de chaque demande, ce qui donne à l'artisan la seule mesure d'audience dont il dispose, puisque le site ne dépose aucun traceur.

Le numéro de téléphone est présent en permanence, et une barre d'appel occupe le bas de l'écran sur mobile. Sur un métier où la demande se formule mal par écrit — on ne sait pas nommer un vantail ni une penture —, l'appel reste le chemin le plus court, et le site ne cherche pas à le remplacer.