Abriss Meier by Herkenrath Bau
Marque, design et site web pour une entreprise de démolition du Harz : 14 pages locales avec leur propre texte, six pages de prestations et un parcours de demande qui préqualifie un chantier avant que quiconque prenne la route pour aller le voir.
Retour aux références29
pages en un déploiement
14
pages locales
121 KB
JavaScript et CSS
0
scripts de tracking
Aperçu du projet
Abriss Meier démolit des maisons, procède au curage des bâtiments et traite les gravats directement sur le chantier. Sa zone d’intervention va de Göttingen à Magdeburg, à travers le Harz et les régions voisines de Niedersachsen (Basse-Saxe), Sachsen-Anhalt (Saxe-Anhalt) et Thüringen (Thuringe). Ce genre de prestation se cherche presque toujours par ville : Hausabriss Wernigerode, Abriss Goslar, Entkernung Halberstadt.
Le devis constitue le deuxième obstacle. Le prix d’une démolition dépend du type de bâtiment, de la surface, du nombre de niveaux, de la cave, du soupçon de polluants et d’une question de terrain : une pelle lourde peut-elle seulement entrer sur la parcelle ? Un chiffre sérieux suppose une visite sur place, et une visite coûte une journée. Le site web devait donc trier en amont.
Abriss Meier a démarré sans site web et sans identité de marque. L’entreprise devait devenir visible dans 13 villes et dans la région du Harz, réparties sur trois Länder, chacune avec sa propre requête de recherche. S’y ajoute un métier où les autorisations, l’amiante et le droit des déchets transforment la moindre phrase imprécise en risque de responsabilité.
Nous avons construit le logo, l’univers chromatique, le design et le site web de bout en bout. L’architecture des pages sépare six pages de prestations et 14 pages locales, chacune avec son texte sur le bâti, les quartiers et les accès. S’y ajoute un parcours de demande à 14 champs avec envoi de photos, livré comme frontend Next.js prérendu en statique sur Vercel.
29 pages sont passées en ligne en un seul déploiement, toutes prérendues et mises en cache à l’Edge, chacune avec son titre, sa description, un seul titre principal et le balisage lisible par les machines qui lui revient : l’entreprise, la prestation, le lieu, les questions fréquentes. La page d’accueil, elle, ne charge rien depuis un serveur tiers.
Visibilité locale
Une page locale gagne sa place quand elle parle réellement du lieu. Remplacer le nom de la ville dans un texte type n’y suffit pas. La page Wernigerode parle de Hasserode, Nöschenrode, Silstedt et Schierke, et de ce que des accès étroits en vieille ville impliquent pour le choix des machines. Goslar traite du Rammelsberg, du quartier de Baßgeige et de la protection du patrimoine dans le centre historique. À Magdeburg, il est question des quartiers de la Gründerzeit à Stadtfeld et Buckau, des barres préfabriquées et de la Bauordnung des Landes Sachsen-Anhalt, le code de la construction du Land.
L’architecture des pages
13 villes de Göttingen à Magdeburg, plus une page pour la région du Harz, toutes sur le même modèle d’URL. En dessous, le texte est réécrit pour chaque localité, FAQ régionale comprise.
Hausabriss (démolition de maison), Teilabriss (démolition partielle), Entkernung (curage), Schadstoffgutachten (diagnostic de polluants), Bauschutt-Recycling vor Ort (recyclage des gravats sur place) et Bauschutt-Entsorgung (évacuation des gravats). S’y ajoute une vue d’ensemble qui rassemble les huit prestations proposées.
Depuis la page d’accueil, chacune des 29 pages est à un clic. Le pied de page mène au cluster complet des pages locales, et les renvois placés dans le corps du texte reprennent le titre de la page cible comme ancre.
Chaque page indique aux moteurs de recherche, dans un format lisible par les machines, qui est l’entreprise, où elle intervient et ce qu’elle sait faire : adresse, numéro de téléphone, 17 villes et régions comme zone d’intervention, sept domaines de prestation. Les pages locales et les pages de prestations y ajoutent la prestation concernée, et 17 des 29 pages livrent aussi leurs questions et leurs réponses.
Chaque page a son propre titre, sa propre description pour la liste de résultats, un renvoi à elle-même comme adresse d’origine et exactement un titre principal. Dans la Sitemap, les priorités sont elles aussi attribuées à la main, de 1.0 sur la page d’accueil à 0.2 sur les mentions légales.
Sur l’autorisation, le texte renvoie à la Bauaufsichtsbehörde compétente, l’autorité de contrôle des constructions. Sur le prix, il renvoie à la visite sur place ; sur la réutilisation des matériaux, à l’Ersatzbaustoffverordnung, le règlement allemand sur les matériaux de substitution. Toute affirmation qui exigerait la signature d’un expert est formulée avec la retenue correspondante.
Parcours de demande
Le formulaire de demande figure sur la page d’accueil et sur chaque page de prestation. Il collecte exactement les informations dont naît un chiffrage. Six des 14 champs sont obligatoires, les autres affinent le tableau. Qui le remplit livre en une seule fois ce qu’il faudrait sinon reconstituer en deux appels.
Maison individuelle, immeuble collectif, garage, grange, dépendance, bâtiment commercial, hangar, extension ou autre.
De un à quatre niveaux, avec cave ou sans certitude. La cave décide de la démolition des fondations et du remblaiement.
Emprise au sol approximative, point de départ de l’estimation des volumes.
Connus, suspectés ou inconnus. La réponse détermine si un diagnostic doit être organisé avant la démolition.
Libre, limité ou incertain. Cette indication détermine la taille des engins et la possibilité de faire entrer une pelle à chenilles sur la parcelle.
Créneau souhaité pour les travaux, base de la planification.
JPG, PNG, WebP, HEIC ou PDF, jusqu’à 10 MB par fichier. Une photo de l’accès répond à des questions qu’aucun champ de formulaire ne sait poser.
Nom, entreprise, téléphone, e-mail et adresse du bien à démolir.
L’envoi passe par une Server Action : le formulaire aboutit même sans JavaScript. Un champ caché, un horodatage à l’ouverture du formulaire et Cloudflare Turnstile écartent les soumissions automatisées. La politique de confidentialité nomme Turnstile et explique pourquoi il est là.
Technique
Le site d’une entreprise du bâtiment s’ouvre souvent en déplacement, sur la parcelle, avec une barre de réseau. Chacune des 29 pages attend donc dans le cache, déjà rendue. À l’ouverture, plus rien n’est calculé.
Décisions techniques
Le frontend est bâti avec le Next.js App Router et entièrement prérendu sur Vercel. Les 29 URLs sortent de l’Edge-Cache en HTML fini, sans requête de base de données sur le chemin d’appel. La page 404 est elle aussi prérendue, et les redirections depuis http, depuis le domaine apex et depuis les URLs sans barre oblique finale passent proprement par un 308.
Sur un navigateur moderne, la page d’accueil charge environ 121 KB de JavaScript et de CSS, compressés en brotli. La typographie repose sur la pile de polices système : aucun fichier de webfont, aucun téléchargement de police, aucun saut de texte au chargement. Le système de couleurs vit dans des tokens Tailwind, calé sur le rouge de marque #ED1C24.
Les images arrivent en WebP, à la largeur dont chaque appareil a besoin : neuf paliers de taille, parmi lesquels le navigateur retient celui qui convient. L’image d’en-tête de chaque page se charge en priorité, tous les autres visuels attendent que le lecteur fasse défiler la page.
Au chargement d’une page, pas une seule requête ne part vers un serveur tiers. Aucun outil d’analytics, aucun tag manager, aucune carte embarquée, donc aucune bannière cookies. La seule connexion externe naît au niveau du formulaire, via Cloudflare Turnstile, après le rendu et expliquée dans la politique de confidentialité.
Stack technique
Périmètre
14 champs recueillent le type de bâtiment, la surface, les niveaux, la cave, le soupçon de polluants, l’accès et la date souhaitée. Six d’entre eux sont obligatoires. Une demande devient ainsi directement une base de chiffrage.
L’envoi passe par une Server Action, en POST classique. Même si un script est bloqué ou se perd en route, la demande arrive.
Jusqu’à dix fichiers par demande, en JPG, PNG, WebP, HEIC ou PDF, chacun jusqu’à 10 MB. Une photo de l’accès épargne le cas échéant la première visite sur site.
Ceux qui préfèrent parler laissent un nom, un numéro de téléphone et un créneau. La fenêtre ne demande rien d’autre, les détails du bâtiment se règlent pendant l’appel.
14 pages avec un texte écrit pour chaque ville sur les quartiers, le bâti et les accès, chacune avec les prestations qui vont avec, une FAQ régionale et son canal de contact.
Six pages détaillées, du Hausabriss à la Bauschutt-Entsorgung, plus une vue d’ensemble des huit prestations, Gebäudeabriss (démolition de bâtiment) et Baustellenräumung (nettoyage de chantier) compris.
Sur téléphone, le bas de l’écran affiche en permanence Appeler et Demander un devis. Le contact reste à une seule pression du doigt.
Lien d’évitement vers le contenu principal, cinq zones de navigation nommées, un titre principal par page, des textes alternatifs descriptifs sur toutes les images, un label sur chaque champ de formulaire et 67 symboles décoratifs que les lecteurs d’écran sautent.
Sans service de tracking, le site se passe de consentement et n’impose de bannière à personne. La politique de confidentialité désigne Turnstile comme unique service tiers et en donne la base légale.
Livrables
Les décisions derrière le site d’Abriss Meier
Parce que la recherche est locale. Qui veut faire démolir une maison à Goslar tape Hausabriss Goslar, pas Abrissunternehmen Harz. Une page par ville répond à cette recherche, dans la langue du lieu et avec les quartiers que tout le monde y connaît. Une page commune alignant 14 noms de villes en reste loin.
Chaque page a son propre texte. Wernigerode parle de la vieille ville densément bâtie, de Hasserode et Nöschenrode, des accès étroits. Goslar cite le Rammelsberg et la protection du patrimoine ; Magdeburg, les quartiers de la Gründerzeit à Stadtfeld et Buckau ainsi que la Bauordnung des Landes Sachsen-Anhalt. Les FAQ aussi varient d’une ville à l’autre. Seuls les blocs de prestations et les moyens de contact restent identiques.
Parce que le site n’a plus rien à calculer au moment où on l’ouvre. Les 29 pages sont rendues au déploiement, puis stockées en HTML fini dans l’Edge-Cache. Aucun serveur qui recalcule à chaque appel, aucune base de données sur le chemin d’appel, aucune mise à jour de sécurité à appliquer.
Les deux coûtent du temps de chargement et créent des obligations. Sans outil d’analytics, le consentement disparaît, et avec lui la bannière qui s’interpose devant le contenu. Sans webfont, le texte s’affiche tout de suite dans la bonne police. Restent environ 121 KB de JavaScript et de CSS pour les navigateurs modernes, et aucune requête vers un serveur tiers à l’ouverture d’une page.
Il déplace les questions de relance vers l’amont. Type de bâtiment, surface, niveaux, cave, soupçon de polluants, accès : ce sont exactement les points qui déterminent un devis. Quand ils arrivent avec la demande, accompagnés de dix photos au maximum, l’état des lieux est déjà fait au premier rappel et la conversation porte sur l’organisation du chantier. Six champs seulement restent obligatoires, pour que la longueur ne décourage personne.
Aux données structurées. Chaque page consigne, sous une forme lisible par les machines, qui est l’entreprise, où elle intervient et ce qu’elle sait faire : adresse et numéro de téléphone, 17 villes et régions comme zone d’intervention, sept domaines de prestation. Les pages locales et les pages de prestations portent en plus la prestation concernée comme entrée distincte, avec un fil d’Ariane qui part de la page d’accueil, passe par la zone d’intervention et arrive à la ville. Sur 17 des 29 pages, les questions et leurs réponses sont elles aussi déposées dans un format que les machines savent lire.
Vous travaillez en région et vous voulez être trouvé dans chaque ville de votre zone d’intervention ? Chez Abriss Meier, nous avons parcouru tout le chemin nous-mêmes, de la marque à la dernière page locale. Parlez-nous de votre secteur et vous recevrez une évaluation honnête.