OnlineCaso studio · Artigiani
Il sito di Termoidraulica Orandi, idraulico a Vobarno
Il primo sito ufficiale, termoidraulicaorandi.it, per un'impresa che realizza impianti idraulici, caldaie, climatizzatori e solare termico tra Valsabbia, Lago di Garda e provincia di Brescia.
- Lavoro
- Primo sito ufficiale
- Durata
- 7 settimane
- Tecnologie
- 13 strumenti
- Zona
- Valsabbia e Garda
01Il progetto
Mille interventi, ancora nessun sito
Il problema di partenza, come ci abbiamo lavorato e cosa è cambiato per Termoidraulica Orandi.
Vent'anni di cantieri, nessun sito che li mostrasse
Quando il passaparola fa squillare il telefono tutto il giorno, è facile pensare che un sito non serva.
Termoidraulica Orandi aveva 4,8 stelle su Google e oltre 1000 interventi, ma nessun sito ufficiale.
Chi cercava “caldaia Brescia” o “pompa di calore Lago di Garda” non trovava nulla che raccontasse l'impresa, e sceglieva qualcun altro.
Prima del progetto
- Nessun sito ufficiale da mostrare a chi chiedeva un preventivo
- Oltre mille lavori fatti e nemmeno una foto da far vedere online
- VMC, pompe di calore e solare termico: servizi che nessuno scopriva da solo
- Ogni informazione passava dal telefono, anche le domande più semplici
Prima l'officina, poi lo schermo
Niente modello già pronto.
Siamo partiti dall'officina di Vobarno, con Massimo, per capire perché i clienti scelgono Orandi e non il primo idraulico trovato online.
Quello che ci ha raccontato è diventato la struttura del sito: colori, tono delle frasi, ordine dei servizi.
Cosa abbiamo fatto
- Incontro in officina: come Massimo spiega il lavoro a chi lo chiama
- Colori e caratteri che trasmettono solidità e affidabilità
- Servizi ordinati come li cercano i clienti, non come li elenca un catalogo
- Foto vere dei cantieri tra Valsabbia e Garda, nessuna immagine di repertorio
- Testi scritti per chi cerca a Vobarno, Salò, Vestone e in provincia di Brescia
- Prove su telefono, tablet e computer prima della consegna
Chi chiama sa già cosa chiedere
Oggi chi cerca Orandi trova un sito che le somiglia e capisce subito di aver trovato l'idraulico giusto.
La home porta ai servizi e ogni pagina risponde alle domande prima della telefonata.
Lo stesso mestiere che Orandi mette in cantiere, finalmente visibile anche online.
Cosa è cambiato
- Tre aree di servizio, una pagina ciascuna. Impianti idraulici, energie rinnovabili e manutenzione: caldaie, bagni, climatizzatori, VMC e solare termico si trovano in un attimo.
- La reputazione in apertura. Le 4,8 stelle di Google sono nella prima schermata, le foto dei lavori a un clic.
- Richieste già ordinate. Il modulo chiede tipo di intervento e urgenza: Massimo sa subito cosa serve e quanto è urgente.
- WhatsApp su ogni pagina. Chi preferisce scrivere descrive il problema in chat e riceve lì il preventivo.
02Le pagine
Cosa trova chi cerca un idraulico su termoidraulicaorandi.it
Sei schermate, dal telefono al computer: cosa vede il cliente, cosa capisce e come contatta l'impresa.
01 · Mobile
La prima schermata dice chi è e cosa pensano i clienti
Vent'anni di esperienza, il punteggio di 4,8 su Google e due pulsanti: preventivo o servizi. Il pulsante di WhatsApp resta in basso, a portata di pollice.
02 · Mobile
Ogni area di servizio ha la sua pagina
Qui gli impianti idraulici: cosa fa l'impresa per case, aziende e strutture pubbliche, con il preventivo subito sotto il titolo.
03 · Mobile
Un preventivo che dice già quanto è urgente
Oltre a nome e recapiti, il modulo chiede il tipo di servizio e l'urgenza. Chi ha fretta può scrivere su WhatsApp senza lasciare la pagina.
04 · Desktop
La home che porta al servizio giusto
Le tre aree di servizio in evidenza, le recensioni vicino al titolo e pulsanti che accompagnano alla pagina giusta senza interrompere la lettura.
05 · Desktop
I lavori raccontati con le foto
Una galleria dei principali interventi e i confronti prima e dopo dei bagni rifatti, da scorrere con il dito o con il mouse. È la prova che vent'anni di mestiere si vedono.
06 · Desktop
Storia e valori dell'impresa
Oltre vent'anni di lavoro e tre valori dichiarati: affidabilità, innovazione, attenzione al cliente. È qui che nasce la fiducia, prima ancora della pagina contatti.
03I risultati
Veloce e chiaro anche dal furgone
I risultati del sito Orandi nel test di Google (Lighthouse) e le scelte che li hanno resi possibili.
- Velocità
- 95+
- Test di Google da computer: le pagine dei servizi si aprono senza attese.
- Prima schermata
- <1s
- Visibile in meno di un secondo, anche dalla rete del cantiere.
- Accessibilità
- 100
- Punteggio pieno: testi e pulsanti leggibili anche da chi vede poco.
- Pronto per Google
- 100
- Controllo SEO superato in pieno, con la scheda di attività locale per Google.
- Da telefono
- 100%
- Ogni pagina è pensata per lo smartphone, poi adattata al computer.
- Consegna
- 7 settimane
- Dalla prima riunione al sito online, come da programma.
Preventivo e WhatsApp sempre in vista
In alto il pulsante Preventivo, in basso quello di WhatsApp: restano visibili mentre si scorre, su ogni pagina. Menu e moduli si usano con una mano sola.
95 su 100 nel test di velocità di Google
Un punteggio alto vuol dire che nessuno chiude la pagina prima di vederla. Accessibilità e controllo SEO sono al massimo, e i dati strutturati presentano a Google l'impresa come attività locale.
- 95Prestazioni
- 100Accessibilità
- 100SEO
Rame e blu, disegnato solo per Orandi
Nessun modello di partenza: palette, caratteri e impaginazione sono nati per Orandi. Il risultato non somiglia al sito di un altro idraulico.
Veloce anche con la rete del cantiere
Le pagine arrivano già pronte e partono da server vicini a chi le apre: la prima schermata compare in meno di un secondo, anche dalla 4G di un cantiere in Valsabbia.
Il titolare ha corretto ogni pagina
Il cliente non vede il sito solo alla fine: lo prova mentre nasce. Per Orandi sono stati tre giri di correzioni, e nessuna modifica chiesta all'ultimo momento.
Gli strumenti dietro le quinte
Sito in Next.js con TypeScript, Tailwind CSS e Shadcn UI, pubblicato su Vercel e Cloudflare. Moduli, cookie e statistiche hanno ciascuno uno strumento dedicato: l'elenco completo, con il compito di ognuno, è qui sotto.
04Le tecnologie
Con quali strumenti è fatto il sito di Orandi?
Tredici strumenti, ognuno con un compito preciso: velocità, sicurezza, misure e visibilità su Google.
Sito e interfaccia
04
Next.jsLe pagine sono preparate in anticipo e arrivano già pronte: si aprono subito anche con la rete debole delle valli.
Shadcn UIPulsanti, menu e moduli già accessibili, vestiti con i colori di Orandi: il sito resta moderno senza riscritture.
Tailwind CSSLo stile rame e blu è identico su ogni pagina, con un codice molto più leggero di un tema WordPress generico.
TypeScriptIl codice segnala gli errori prima della pubblicazione: una modifica futura non rompe le pagine dei servizi.
Hosting e dominio
04
VercelOgni modifica si vede in anteprima su un indirizzo privato prima di andare online.
CloudflareConsegna il sito da server vicini a chi lo apre e lo tiene online anche sotto picchi di traffico anomali.
ArubaIl dominio termoidraulicaorandi.it è registrato presso un fornitore italiano, con le scadenze sotto controllo.
UseBasinRiceve le richieste di preventivo con tipo di intervento e urgenza: a Massimo arriva una notifica ordinata, al cliente una conferma scritta. Lo spam lo ferma un controllo invisibile (reCAPTCHA v3).
Misure e consenso
03
CookieHubIl banner chiede il consenso ai cookie prima di attivare le statistiche, come prevedono GDPR ed ePrivacy.
Google Analytics 4Conta le richieste di preventivo e i contatti partiti dal sito: si vede quali servizi portano clienti.
Microsoft ClarityMappe dei clic sulle pagine dei servizi: mostrano dove il visitatore si ferma e dove esita.
Ricerca su Google
02
AhrefsRicerca delle parole usate da chi cerca un idraulico in Valsabbia e in provincia di Brescia, e confronto con le imprese vicine.
Google Search ConsoleOgni settimana: quali pagine Google mostra, per quali ricerche e con quanti clic.
05Il metodo
Sette settimane, dall'officina alla messa online
Quattro fasi, con Massimo coinvolto in ogni passaggio e un prototipo sempre da provare.
01. Una mattina in officina1 settimana
Prima di disegnare, una mattina nell'officina di Vobarno con Massimo: come presenta il lavoro, cosa gli chiedono, cosa convince un cliente. Il questionario di avvio è diventato una conversazione. Obiettivi e tono delle pagine erano decisi prima del primo prototipo.
02. I colori e i caratteri di Orandi2 settimane
Una palette rame e blu industriale e caratteri che parlano con la sicurezza con cui Massimo spiega un impianto. Ogni schermata è disegnata prima per il telefono, poi per il computer.
03. Prototipo da commentare3 settimane
Il sito è cresciuto un pezzo alla volta su un link condiviso, aggiornato ogni venerdì. Massimo lasciava i commenti sulle pagine e il lunedì li trovava applicati. Così il lancio non ha portato richieste dell'ultimo minuto.
04. Messa online e formazione1 settimana
Al lancio il punteggio delle oltre 50 recensioni Google (4,8 su 5) entra in home e il pulsante di WhatsApp apre la chat con l'impresa. Poi un'ora di formazione: da quel giorno Massimo aggiorna da solo testi, foto e servizi.
Servizio collegato
Il tuo lavoro in cantiere vale più di come appare online?
Per Orandi è stato il primo sito ufficiale: servizi spiegati uno per uno e foto vere dei cantieri, a partire dal passaparola che già funzionava.
Siti web su misura
I tuoi cantieri meritano un sito che li racconti
Raccontaci il tuo mestiere come ha fatto Massimo: da lì nascono pagine, foto e contatti, con un prototipo da correggere fino al lancio.
4.9237 recensioni Google
Da dove si parte
Scrivici cosa fai e in quali paesi lavori: rispondiamo entro 24 ore lavorative per fissare un primo incontro.
- Modifiche illimitate: 1° anno nel prezzo, poi nel canone
- Sempre
- Server a Francoforte
- UE
- Anni di esperienza
- 20+
Altri siti per chi lavora sul territorio
Un giardiniere, un'impresa edile e un'osteria: tre progetti nati con lo stesso metodo.
