BTP EA Rénovation
Sei campi, non uno di più: il modulo è il prodotto.
- Anno
- 2026
- Progettazione
- 3 settimane
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Design
- Sviluppo
- SEO locale
- Funnel di conversione
- Copywriting
- campi di qualificazione
- 6
- impegno di richiamata
- 48 ore
- pagine geografiche
- 9+
- CAPTCHA
- 0
Cosa c'era da risolvere.
Il contesto
Artigiano di Lione delle finiture edili (tinteggiatura, cartongesso e intonaci, rivestimenti di pavimenti e pareti, ristrutturazione di bagni) attivo a Lione e nell'area metropolitana.
Il vincolo
Un artigiano edile non perde clienti per mancanza di visibilità, ma per mancanza di qualificazione. Le chiamate a vuoto costano ore: cantiere fuori zona, budget incompatibile, lavoro che non esegue. Il sito doveva filtrare prima della telefonata, senza scoraggiare le richieste buone.
La risposta
Il modulo di preventivo sta nella prima schermata, non a piè di pagina, ed è breve: sei campi che qualificano il cantiere (tipo di lavori, superficie, ambiente, comune, scadenza, contatto). È questa qualificazione a rendere efficace la richiamata; senza, la telefonata comincia con cinque minuti di domande.
Ogni scelta di design, e il suo perché.
Il preventivo nella prima schermata
Il modulo non è in fondo alla pagina: è accanto alla promessa. Chi visita il sito di un artigiano sa già cosa vuole; fargli scorrere tre schermate prima dell'azione è una perdita secca.
Sei campi, scelti uno per uno
Ogni campo tolto aumenta il tasso di completamento, ogni campo aggiunto aumenta la qualificazione. Sei è il compromesso scelto: oltre, l'abbandono supera il guadagno di informazione.
Prima / dopo invece di foto di cantiere
Gli artigiani mostrano i cantieri in corso. Il cliente, invece, vuole vedere il risultato. La galleria è costruita a coppie prima/dopo, con la natura esatta dei lavori.
L'impegno di richiamata in evidenza
«Ti richiamiamo entro 48 ore» è un impegno quantificato, scritto sopra il modulo. Una promessa vaga («ti risponderemo al più presto») non rassicura nessuno.
Palette del progetto
Blu cantiere
#1D4E77
Struttura, fiducia
Arancio sicurezza
#D9601A
Azione, preventivo
Grigio cemento
#F2F3F5
Sfondo
Inchiostro
#1C2126
Testo
Sistema tipografico
Titoli
Outfit 700
Testo corrente
Inter 400
Solido e senza fronzoli. Le cifre di superficie e di tempistica sono tabulari per restare allineate nel riepilogo del preventivo.
Cosa c'è sotto il cofano.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Validazione lato client e lato server
Il modulo valida in tempo reale per aiutare la compilazione, e riconvalida lato server prima del salvataggio. La sola validazione client si aggira in dieci secondi e lascia passare di tutto.
Antispam senza CAPTCHA
Campo esca, marcatura temporale dell'invio e limitazione della frequenza. Un CAPTCHA avrebbe aggiunto attrito proprio sull'unico elemento che il sito deve proteggere, ed è una barriera all'accessibilità riconosciuta.
Notifica immediata
Ogni richiesta parte via email con tutte le informazioni di qualificazione nell'oggetto. L'artigiano legge il telefono tra un cantiere e l'altro: l'informazione utile deve stare nell'anteprima.
Come il sito si fa trovare.
Una pagina per arrondissement
I nove arrondissement di Lione più i comuni dell'area metropolitana. Ogni pagina ha un contenuto specifico (quartieri, tipologia degli edifici, esempi di cantieri) e non una semplice sostituzione del nome della città.
Ricerche di mestiere, non di settore
«Peintre en bâtiment Lyon 3» (imbianchino a Lione 3), «rénovation salle de bain Villeurbanne» (ristrutturazione bagno): il cliente cerca un mestiere e un comune, mai «impresa edile».
Markup HomeAndConstructionBusiness
Tipo dedicato, zona d'intervento dichiarata, prestazioni elencate come Service. Da questo dipende la comparsa nel local pack.
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.
Un modulo davvero accessibile
Etichette associate, errori annunciati e collegati al campo, ordine di tabulazione verificato. Il modulo è il componente più spesso inaccessibile di un sito, e qui è l'unico che conta.
Cosa è stato consegnato.
- Home — preventivo rapido
- Prestazioni (tinteggiatura, cartongesso, pavimenti, bagni)
- Lavori prima / dopo
- Zone d'intervento — 9 arrondissement + area metropolitana
- Contatti
Lo svolgimento del progetto.
Qualificazione
Definizione dei sei campi con l'artigiano, partendo dalle chiamate perse.
Design
Preventivo nella prima schermata, galleria prima/dopo, impegno quantificato.
Sviluppo
Doppia validazione, antispam senza CAPTCHA, notifica.
SEO locale
Pagine per arrondissement, markup di mestiere.
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.