Abriss Meier by Herkenrath Bau
Brand, design e sito web per un'impresa di demolizioni nell'Harz: 14 pagine locali con testo originale, sei pagine di servizio e un percorso di richiesta che prequalifica il progetto prima che qualcuno parta per il sopralluogo.
Torna ai progetti29
Pagine in un deploy
14
Pagine locali
121 KB
JavaScript e CSS
0
Script di tracciamento
Panoramica del progetto
Abriss Meier demolisce case, svuota edifici fino alla struttura portante e ricicla le macerie direttamente in cantiere. L'area di intervento va da Göttingen a Magdeburg, attraversa l'Harz e arriva alle regioni confinanti di Niedersachsen, Sachsen-Anhalt e Thüringen. Chi cerca queste prestazioni parte quasi sempre dal luogo: Hausabriss Wernigerode, Abriss Goslar, Entkernung Halberstadt.
Il secondo ostacolo è il preventivo. Il costo di una demolizione dipende dal tipo di edificio, dalla superficie, dal numero di piani, dalla cantina, dal sospetto di sostanze nocive e dalla possibilità di portare un escavatore pesante sul terreno. Un prezzo serio nasce solo dopo un sopralluogo, e un sopralluogo costa una giornata. Il sito doveva quindi fare una prima selezione.
Abriss Meier è partita senza sito e senza identità visiva. L'azienda doveva rendersi visibile in 13 città e nella regione dell'Harz, distribuite su tre Länder, ognuna con la propria ricerca. Il tutto in un settore dove autorizzazioni, amianto e normativa sullo smaltimento trasformano ogni frase imprecisa in un rischio di responsabilità.
Abbiamo costruito da zero logo, palette cromatica, design e sito. L'architettura separa sei pagine di servizio dalle 14 pagine locali, ciascuna con testo proprio su stato degli edifici, quartieri e vie di accesso. Si aggiunge un percorso di richiesta con 14 campi e caricamento foto, distribuito come frontend Next.js prerenderizzato in statico su Vercel.
29 pagine sono andate online con un unico deploy, tutte prerenderizzate e conservate nell'Edge-Cache, ognuna con titolo e descrizione propri, una sola intestazione principale e le informazioni su impresa, servizio, località e domande in una forma che i motori di ricerca leggono direttamente. La homepage non carica nulla da server esterni.
Visibilità locale
Una pagina locale vale qualcosa solo se cambia più del nome della città. Quella di Wernigerode parla di Hasserode, Nöschenrode, Silstedt e Schierke, e di che cosa comportano le vie strette del centro storico nella scelta dei mezzi. Goslar racconta il Rammelsberg, il quartiere Baßgeige e la tutela dei monumenti nel centro. A Magdeburg il tema sono i quartieri di fine Ottocento a Stadtfeld e Buckau, i prefabbricati in cemento e la Bauordnung des Landes Sachsen-Anhalt, il regolamento edilizio del Land.
L'architettura del sito
13 città da Göttingen a Magdeburg più una pagina per la regione dell'Harz, tutte sullo stesso schema di URL. Il testo è riscritto da capo per ogni località, FAQ regionali comprese.
Hausabriss (demolizione di case), Teilabriss (demolizione parziale), Entkernung (strip-out), Schadstoffgutachten (perizia sulle sostanze nocive), Bauschutt-Recycling vor Ort (riciclo delle macerie in cantiere) e Bauschutt-Entsorgung (smaltimento delle macerie), più una panoramica che raccoglie tutte e otto le prestazioni offerte.
Dalla homepage ognuna delle 29 pagine si raggiunge con un clic. Il footer di ogni pagina apre l'intero cluster delle località; i rimandi stanno nel testo corrente e usano come anchor text il titolo della pagina di destinazione.
Ogni pagina dichiara ai motori di ricerca, in forma leggibile dalle macchine, chi è l'impresa, dove lavora e che cosa sa fare: indirizzo, numero di telefono, 17 tra comuni e regioni come area di intervento, sette temi di servizio. Le pagine locali e quelle di servizio aggiungono la prestazione relativa; 17 delle 29 pagine portano con sé anche le proprie domande e risposte.
Ogni pagina ha un titolo proprio, una descrizione pensata per l'elenco dei risultati, un rimando a se stessa come indirizzo originale e una sola intestazione principale. Anche le priorità nella sitemap sono assegnate a mano, da 1.0 sulla homepage a 0.2 nell'Impressum, le note legali.
Sulle autorizzazioni il testo rimanda alla Bauaufsichtsbehörde competente, l'autorità di vigilanza edilizia. Sul prezzo rimanda al sopralluogo, sul riutilizzo dei materiali alla Ersatzbaustoffverordnung, il regolamento tedesco sui materiali da costruzione sostitutivi. Ogni affermazione che richiederebbe la firma di un perito è formulata con la dovuta prudenza.
Percorso di richiesta
Il modulo di richiesta sta in homepage e su ogni pagina di servizio. Chiede esattamente i dati da cui nasce un calcolo dei costi. Sei dei 14 campi sono obbligatori, gli altri aiutano. Chi lo compila consegna in un passaggio il quadro che altrimenti richiederebbe due telefonate.
Casa unifamiliare, condominio, garage, fienile, edificio accessorio, immobile commerciale, capannone, ampliamento o altro.
Da uno a quattro piani, con cantina o non definito. È la cantina a determinare la demolizione delle fondamenta e il riempimento dello scavo.
Superficie a terra approssimativa come punto di partenza per la stima delle masse.
Note, sospette o sconosciute. Da qui dipende se prima della demolizione va organizzata una perizia.
Libero, limitato o non definito. Questo dato determina la dimensione dei mezzi e la possibilità di portare un escavatore cingolato sul terreno.
Finestra temporale desiderata per l'esecuzione, base per la pianificazione degli interventi.
JPG, PNG, WebP, HEIC o PDF, fino a 10 MB per file. Una foto della via di accesso risponde a domande che nessun campo del modulo sa porre.
Nome, azienda, telefono, e-mail e indirizzo dell'immobile da demolire.
L'invio passa da una Server Action, quindi il modulo funziona anche senza JavaScript. A fermare gli invii automatici sono un campo nascosto, un timestamp all'apertura del modulo e Cloudflare Turnstile, citato e motivato nell'informativa privacy.
Tecnologia
Il sito di un'impresa edile si apre spesso in mobilità, sul terreno, con una tacca di campo. Per questo ognuna delle 29 pagine arriva dalla cache già renderizzata. All'apertura non viene più calcolato nulla.
Decisioni tecniche
Il frontend è costruito con il Next.js App Router e viene prerenderizzato per intero su Vercel. Tutti i 29 URL arrivano dall'Edge-Cache come HTML già pronto, senza query al database nel percorso della richiesta. Anche la pagina 404 è prerenderizzata, e i redirect da http, dal dominio apex e dagli URL senza slash finale vengono risolti con un 308.
Sui browser moderni la homepage carica circa 121 KB tra JavaScript e CSS, compressi con brotli. La tipografia usa lo stack di font di sistema: nessun file webfont, nessun download, nessun salto del testo al caricamento. Il sistema cromatico è definito da token Tailwind costruiti sul rosso di marca #ED1C24.
Le immagini arrivano in WebP nella larghezza che serve al singolo dispositivo: nove misure, tra cui il browser sceglie quella giusta. L'immagine di testata di ogni pagina viene caricata in anticipo con priorità alta, tutto il resto solo quando ci si avvicina scorrendo.
Al caricamento di una pagina non parte una sola richiesta verso server esterni. Niente analytics, niente tag manager, nessuna mappa incorporata e di conseguenza nessun banner cookie. L'unica connessione esterna nasce nel modulo con Cloudflare Turnstile, dopo il rendering e spiegata nell'informativa privacy.
Tech Stack
Funzionalità
14 campi raccolgono tipo di edificio, superficie, piani, cantina, sospetto di sostanze nocive, accesso e data desiderata. Sei di questi sono obbligatori. Ogni richiesta arriva così già come base di calcolo.
L'invio passa da una Server Action come classico POST. La richiesta arriva anche quando uno script viene bloccato o si perde per strada.
Fino a dieci file per richiesta: JPG, PNG, WebP, HEIC o PDF, ognuno fino a 10 MB. Una foto della via di accesso, nel dubbio, risparmia il primo sopralluogo.
Chi preferisce parlare lascia nome, numero di telefono e una fascia oraria. Il dialogo non chiede altro, i dati dell'edificio emergono durante la telefonata.
14 pagine con testo proprio su quartieri, stato degli edifici e vie di accesso, ognuna con le prestazioni pertinenti, FAQ regionali e un contatto dedicato.
Sei pagine di dettaglio, da Hausabriss a Bauschutt-Entsorgung, più una panoramica su tutte e otto le prestazioni, compresi Gebäudeabriss (demolizione di edifici) e Baustellenräumung (sgombero del cantiere).
Sul telefono, in fondo allo schermo, restano sempre visibili Chiama e Richiedi preventivo. Il contatto resta a un tocco di distanza.
Un collegamento per saltare al contenuto principale, cinque aree di navigazione con nome, una sola intestazione principale per pagina, testi alternativi descrittivi su tutte le immagini, un'etichetta su ogni campo del modulo e 67 simboli decorativi che gli screen reader saltano.
Senza servizi di tracciamento il sito non ha bisogno di consenso e non mette banner davanti ai contenuti. L'informativa privacy indica Turnstile come unico servizio di terze parti, con la relativa base giuridica.
Deliverable
Le decisioni dietro il sito di Abriss Meier
Perché la ricerca è locale. Chi a Goslar vuole far demolire una casa cerca Hausabriss Goslar, non Abrissunternehmen Harz. Una pagina per località risponde a quella ricerca, con il linguaggio del posto e i quartieri che lì conoscono tutti. Una pagina sola con 14 nomi di città in elenco non ci arriva.
Ogni pagina ha un testo proprio. Wernigerode parla del centro storico a edificazione fitta, di Hasserode e Nöschenrode, delle vie di accesso strette. Goslar cita il Rammelsberg e la tutela dei monumenti; Magdeburg i quartieri di fine Ottocento a Stadtfeld e Buckau e la Bauordnung des Landes Sachsen-Anhalt. Cambiano anche le FAQ, località per località. Identici restano soltanto i blocchi delle prestazioni e i canali di contatto.
Perché così il sito non ha niente da fare quando qualcuno lo apre. Tutte le 29 pagine vengono renderizzate al deployment e restano poi nell'Edge-Cache come HTML pronto. Nessun server che calcola a ogni richiesta, nessun database nel percorso della richiesta, nessun aggiornamento di sicurezza da installare.
Entrambi costano tempo di caricamento e creano obblighi. Senza servizio di analytics decade il consenso e con esso il banner che altrimenti copre i contenuti. Senza webfont il testo compare subito nel carattere giusto. Sui browser moderni restano circa 121 KB tra JavaScript e CSS, e all'apertura della pagina nessuna richiesta va verso server esterni.
Sposta le domande di chiarimento all'inizio. Tipo di edificio, superficie, piani, cantina, sospetto di sostanze nocive e accesso sono esattamente i punti che determinano un preventivo. Se arrivano già con la richiesta, insieme a un massimo di dieci foto, la telefonata di ritorno può concentrarsi sugli accordi operativi: la raccolta dei dati è già fatta. Obbligatori restano comunque solo sei campi, così la lunghezza non fa desistere nessuno.
Dai dati strutturati. Ogni pagina deposita in forma leggibile dalle macchine chi è l'impresa, dove lavora e che cosa sa fare: indirizzo e numero di telefono, 17 tra comuni e regioni come area di intervento, sette temi di servizio. Le pagine locali e quelle di servizio riportano in più la prestazione relativa come voce a sé, insieme a un percorso di navigazione che dalla homepage scende all'area di intervento e infine al singolo comune. Su 17 delle 29 pagine lo stesso vale per le domande con le rispettive risposte.
Lavori su base regionale e vuoi farti trovare in ogni comune della tua area di intervento? Con Abriss Meier abbiamo percorso tutto da soli, dal brand fino all'ultima pagina locale. Raccontaci il tuo territorio e ricevi una valutazione onesta.