Muller Toiture
Un'infiltrazione nel tetto non si gestisce come una ristrutturazione: due percorsi, un sito.
- Anno
- 2026
- Progettazione
- 4 settimane
- Stack
- Next.js · React · Tailwind · Vercel
- Design
- Sviluppo
- Strumento di stima
- SEO locale
Versione dimostrativa pubblicata da Kayzen Web su un indirizzo Vercel; il dominio definitivo appartiene al cliente.
- percorsi distinti
- 2
- domande per una stima
- 3
- SEO Lighthouse
- 100/100
Cosa c'era da risolvere.
Il contesto
Muller Toiture è un'impresa di coperture con sede a Mions, attiva nell'est lionese e nel Nord-Isère: coperture, lattoneria, isolamento, trattamento antimuschio.
Il vincolo
Sullo stesso sito arrivano due clienti dai comportamenti opposti. Chi ha un'infiltrazione cerca un numero, subito, spesso di domenica sera. Chi pensa di rifare il tetto cerca un ordine di prezzo e chiederà tre preventivi nell'arco di due mesi. Un percorso unico avrebbe servito male entrambi.
La risposta
Due ingressi distinti fin dalla prima schermata. Una fascia di emergenza sempre presente con il numero, visibile senza scorrere. E, per il secondo, uno stimatore per tetti che dà subito una forbice di prezzo a partire da superficie e tipo di copertura. Uno intercetta l'urgenza, l'altro l'intenzione a lungo termine.
I punteggi rilevati alla consegna.
Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.
Ogni scelta di design, e il suo perché.
Fascia di emergenza fissa
Numero cliccabile, sempre visibile, mai nascosto dallo scorrimento. Per un'infiltrazione, l'unica metrica che conta è il numero di secondi tra l'arrivo sul sito e la chiamata.
Stimatore in tre domande
Superficie, tipo di copertura, stato. Il risultato è una forbice presentata esplicitamente come tale, con le sue ipotesi. Dare un prezzo esatto sarebbe disonesto; non dare nulla spinge il visitatore verso il concorrente che invece osa.
L'antimuschio trattato a parte
Prestazione dallo scontrino basso ma dai grandi volumi, spesso cercata da sola. Ha una sua pagina invece di una riga in un elenco.
Palette del progetto
Ardesia
#39434D
Struttura — il colore del materiale
Tegola
#B15A2B
Azione
Cielo
#EEF3F7
Sfondo
Rosso emergenza
#C0392B
Solo fascia infiltrazioni
Sistema tipografico
Titoli
Outfit 700
Testo corrente
Inter 400
Il rosso d'emergenza è riservato esclusivamente alla fascia per le infiltrazioni: un colore d'allarme usato per decorare smette di allarmare.
Cosa c'è sotto il cofano.
- Next.js
- React
- Tailwind
- Vercel
Stimatore interamente lato client
Il calcolo avviene nel browser: nessuna chiamata al server, nessuna attesa, nessun dato personale raccolto prima che sia l'utente a deciderlo. Il contatto viene chiesto solo dopo aver mostrato il risultato.
Un cantiere di performance individuato
75 in performance, per via della galleria dei cantieri. Il piano è scritto: conversione in AVIF, srcset e suddivisione della galleria in pagine. Il punteggio è pubblico: è più utile spiegarlo che nasconderlo.
Come il sito si fa trovare.
Ricerche d'urgenza e ricerche di progetto
«Fuite toiture urgence Lyon» (infiltrazione dal tetto, urgenza), «couvreur Mions» (conciatetti a Mions), «prix réfection toiture Nord-Isère» (prezzo rifacimento tetto). Tre intenzioni, tre famiglie di pagine: mescolarle significa non posizionarsi su nessuna.
Zona d'intervento esplicita
I comuni effettivamente serviti sono elencati e marcati. Un artigiano che dichiara «tutta la Francia» perde la ricerca per comune, l'unica che converte.
Utilizzabile da tutti.
Da giugno 2025 l'Atto europeo sull'accessibilità (European Accessibility Act) impone l'accessibilità digitale a una larga parte dei servizi online. La affrontiamo in fase di progettazione, non come rimedio a posteriori.
Stimatore utilizzabile da tastiera
Campi nativi, risultato annunciato in una live region, nessun passaggio che dipenda dal trascinamento.
Cosa è stato consegnato.
- Home — emergenza + stimatore
- Coperture e lattoneria
- Isolamento
- Trattamento antimuschio
- Stimatore per tetti
- Zone d'intervento
- Contatti
Lo svolgimento del progetto.
Analisi delle richieste
Due profili individuati a partire dalle chiamate ricevute.
Design
Fascia di emergenza, stimatore, percorsi separati.
Sviluppo
Stimatore lato client, moduli, notifiche.
SEO
Tre famiglie di pagine, zona d'intervento marcata.
Cosa ci chiedono spesso.
Altri lavori
Conformità GDPR e SaaSKonsent by Kayzen
Un fornitore di banner che verifica i banner è giudice e parte: l'indipendenza era il prodotto.
Sicurezza offensiva e SaaSSentinel by Kayzen
Vendere un prodotto di sicurezza agli ingegneri: ogni affermazione doveva essere dimostrabile.
Dati e servizio meteoMétéo Climat France
358 pagine indicizzabili, una mappa animata su 72 scadenze e nemmeno una riga di framework.
Lo stesso livello di rigore, per il tuo sito.
Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.