Haab Legal - Quarant'anni di studio legale, tradotti in codice.
Il nuovo sito dello Studio Legale e Notarile Haab di Lugano. Cinque lingue, sei aree di pratica, un notariato integrato, e un punteggio Lighthouse mobile di 96. Il lavoro che consideriamo il migliore mai fatto da Nebello.


96
Lighthouse mobile
40
Anni di storia dello studio
5
Lingue complete (IT, DE, EN, ES, RU)
6
Aree di pratica + notariato
< 1,5s
LCP mobile su 4G
0
Layout shift
Uno studio di quarant'anni, un sito di ieri
Lo Studio Legale e Notarile Haab esiste dal 1986. L'Avv. Hugo Haab e l'Avv. Roberto Haab assistono privati e imprese in cinque lingue nelle principali aree del diritto civile svizzero, con sede a Lugano in Via Ludovico Ariosto 5. La reputazione si costruisce in quattro decenni. La visibilità online, se non la curi, si perde in un mese.
Il sito precedente era onesto ma fermo. Lighthouse mobile a 42 su 100. Traduzioni gestite da un plug-in che mescolava lingue agli occhi di Google. Struttura piatta, zero internal linking, meta tag generici o assenti. Un'esperienza da connessione 3G nel 2013, in un mercato dove il primo contatto con un avvocato avviene quasi sempre da uno smartphone.
“Oggi il 40% dei nostri nuovi clienti ci trova da Google. Vorremmo che fosse molto di più. E vorremmo che quando una persona arriva sul sito, capisca in tre secondi che siamo i giusti.”
Cosa doveva fare il nuovo sito
Quattro obiettivi, in ordine decrescente di importanza.
- 1
Far trovare lo studio su Google
Per ricerche come “avvocato divorzio lugano” o “notaio lugano” lo studio doveva comparire in prima pagina, non in quarta.
- 2
Parlare a cittadini svizzeri e a stranieri, nella loro lingua
Cinque lingue di primo livello (italiano, tedesco, inglese, spagnolo, russo) con URL dedicati, hreflang corretto e contenuti realmente tradotti, non passati a una macchina.
- 3
Comunicare esclusività senza essere distanti
Uno studio riservato che si rivolge a persone in un momento difficile. Professionale, mai algido. Caldo nel tono, impeccabile nell'esecuzione.
- 4
Essere gestibile dagli avvocati, non solo da uno sviluppatore
Blog, traduzioni, SEO per pagina: tutto modificabile da un'interfaccia pulita, senza bisogno di chiamarci ogni volta.
Il design: una voce visiva, non un tema
Abbiamo partito dal logo. Il monogramma RHH fissa un blu notte profondo, una linea di grigio e spazio bianco. Nessun colore decorativo. Da lì, tutto il resto.
Palette monocromatica sul blu del logo
Tutta la gamma cromatica deriva dal blu notte del monogramma RHH: blu-grigio scuro per i fondi, chiari per i testi, un grigio neutro per i dettagli. Niente colori decorativi, solo il brand.
Playfair Display per i titoli
Un serif con la postura di uno studio che esiste dal 1986. Inter per il corpo, perché la leggibilità su mobile non è negoziabile quando le persone leggono in un momento di stress.
Mobile-first assoluto
Il 70% dei potenziali clienti arriva da mobile, spesso dopo una ricerca urgente. Ogni pagina è stata pensata partendo da uno schermo da 375px e solo dopo estesa al desktop.
Niente stock, niente popup
Nessuna foto di avvocati generici con stretta di mano. Nessun banner cookie che copre il contenuto. Nessun form di contatto forzato. Solo contenuto, numero di telefono, indirizzo.




SEO e GEO: essere trovati da Google e dalle AI
Oggi un potenziale cliente cerca un avvocato in due modi: su Google, oppure chiedendo a ChatGPT o Perplexity. Abbiamo progettato il sito per funzionare in entrambi gli scenari.
Architettura a silos
Sei pillar page tematiche (famiglia, lavoro, immobiliare, successorio, locazione, appalti) più notariato come top-level. Ogni articolo del blog linka alla pillar del suo silo. Il link juice va dove serve.
28 articoli riscritti in ottica SEO
Abbiamo preso il blog storico dello studio e lo abbiamo riscritto conservando la voce di Hugo. Keyword primarie nei titoli, H2/H3 semantici, FAQ schema su ogni pillar, internal linking chirurgico.
Hreflang corretto su 5 lingue
Il sito precedente usava Weglot e Google indicizzava tutto come italiano. La nuova implementazione ha URL dedicati per lingua e hreflang completo IT/DE/EN/ES/RU con x-default.
GEO: visibilità sulle AI search
llms.txt e llms-full.txt generati a ogni build. Entità esplicite nel testo (Lugano, Ticino, articoli del codice civile svizzero). Frasi dichiarative pensate per essere estratte da ChatGPT, Perplexity e Gemini.




Velocità: 42 su 100 diventa 96 su 100
La velocità non è una questione tecnica, è un segnale di rispetto verso chi ti visita. Uno studio legale che impiega sei secondi per caricare la homepage non sembra un posto dove ci si fida con una causa di divorzio.
Lighthouse da 42 a 96 su mobile
Il sito precedente era bloccato a 42/100 su mobile. Il nuovo raggiunge 96 senza trucchi: solo SSR pulito, immagini ottimizzate e zero JavaScript cliente inutile.
Core Web Vitals tutti verdi
LCP sotto 1,5s, CLS a zero, INP sotto i 200ms. Le pagine sono pensate per essere percepite come istantanee anche su connessioni mobili lente.
Infrastruttura svizzera
Hosting Jelastic Infomaniak, datacenter in Svizzera. Per uno studio legale, dove i dati finiscono è parte dell’offerta, non un dettaglio tecnico.
Pronto per Google e per le AI
Sitemap pulita, schema markup completo (LegalService, Attorney, FAQPage, Article), robots.txt sensato. Più llms.txt e contenuti scritti per essere citati nelle risposte generative.
Il notariato come sezione separata
L'Avv. Roberto Haab è notaio abilitato nel Canton Ticino. È una qualifica che merita una sezione dedicata, non un sotto-paragrafo nelle aree di pratica. Abbiamo dato al notariato un URL top-level e una pagina pillar con FAQ schema, per catturare ricerche come “notaio lugano”, “autentica firma ticino”, “compravendita immobiliare notaio”.
Per uno studio che integra legale e notarile questa è la leva SEO più sottovalutata dalla concorrenza. Quasi nessun sito di avvocati in Ticino tratta il notariato come un silo indipendente.
Un CMS pensato per avvocati, non per sviluppatori
Payload CMS configurato con collezioni e campi su misura: ogni area di pratica ha i suoi campi per FAQ, meta title, descrizione e link correlati. Il blog ha un editor pulito con anteprima delle SERP di Google, anteprima Open Graph, e un selettore di categoria che aggancia automaticamente l'articolo al silo giusto.
Le traduzioni sono gestite lingua per lingua, non delegate a un traduttore automatico. Lo studio decide quando una lingua è pronta a essere pubblicata e quando no. L'intero flusso editoriale è documentato in una mini-guida consegnata con il sito.
Cosa abbiamo imparato
Haab Legal è il progetto più curato che abbiamo mai consegnato. Non per complessità tecnica, ma per attenzione maniacale al dettaglio: la spaziatura fra una FAQ e l'altra, il modo in cui una frase introduttiva si lega al titolo della pillar, il peso esatto del font Playfair sul titolo della homepage in modo che resti leggibile anche su uno schermo da 4 pollici.
Per un avvocato che esiste da quarant'anni il sito non deve impressionare. Deve confermare. Quando una persona arriva su haablegal.ch dopo aver chiesto a un amico “conosci un buon avvocato a Lugano?”, ciò che vede deve dargli la stessa rassicurazione che gli ha dato quell'amico.
La velocità, il design sobrio, i contenuti scritti con cura, il notariato valorizzato, il multilingua che non tradisce una virgola: sono tutti modi diversi per dire la stessa cosa, “potete fidarvi”.
Dettagli Progetto
Cliente
Studio Legale e Notarile Haab
Anno
2026
Categoria
Sito Web / SEO
Sito
haablegal.chSede studio
Lugano, Ticino
Settore
Legal / Notariato
Lingue
IT / DE / EN / ES / RU
Tecnologie
Servizi
Lo Stack Tecnologico
Scelto con tre criteri: velocità percepita, SEO nativo, autonomia per il cliente.
Next.js 15
App Router, SSG, ISR
Payload CMS
Editoriale per avvocati, non per dev
CSS puro
Design system su misura, zero framework
next-intl
5 lingue native, SEO per locale
Playfair + Inter
Autorevolezza + leggibilità
Sharp + AVIF/WebP
Immagini sotto i 100 KB
llms.txt + llms-full.txt
Visibilità su AI search
Schema.org JSON-LD
LegalService, Attorney, FAQ
Jelastic / Infomaniak
Deploy e dati in Svizzera
Playwright
Stress test, audit automatici
Creiamo Qualcosa di Grande Insieme!
Hai un progetto in mente? Parliamone. La prima consulenza è gratuita.