Siti web · 2026

Studio Legale FlocchiniAutorevolezza, con una voce umana.

Ho riprogettato il sito dello Studio Legale Flocchini, a Genova, per raccontare con chiarezza il lavoro dell’avvocata Benedetta Flocchini nelle successioni, nella pianificazione successoria e nel diritto di famiglia.

Cliente
Studio Legale Flocchini · Genova
Intervento
Direzione creativa · Web design · Sviluppo · Contenuti
Homepage / Grafica e impaginazione del sito Apri anteprima ↗

La sfida

Comunicare fiducia, con misura.

Il nuovo sito sostituisce una precedente pagina realizzata con un site builder. Doveva esprimere esperienza e vicinanza a persone che affrontano passaggi delicati, dal lutto alla separazione, con testi accessibili e una navigazione essenziale.

01 / Direzione visiva

Sobrietà e carattere.

Avorio, bordeaux e piccoli accenti oro definiscono la palette. I titoli in Fraunces dialogano con il testo in Fira Sans: un equilibrio tra autorevolezza e leggibilità. Le fotografie reali dello studio e dell’avvocata accompagnano il racconto; i dettagli del palazzo diventano texture secondarie.

02 / Il percorso

Cinque pagine, una voce coerente.

Home, Lo Studio, Aree di attività, Formazione e Contatti organizzano l’esperienza. Ho riscritto i testi insieme al cliente, semplificando il linguaggio e dando continuità alla presentazione dello studio, alle competenze e all’attività divulgativa con l’Associazione Heres.

03 / Movimento e dettagli

Un sito che accompagna la lettura.

La sequenza dell’apertura segue lo scorrimento, mentre brevi animazioni introducono i contenuti. Sui dispositivi e nelle modalità che richiedono meno movimento, l’immagine statica mantiene il messaggio. La mappa dei contatti è un’illustrazione SVG su misura, coerente con i colori dello studio.

Il risultato

Una presenza digitale su misura.

Ho realizzato un sito statico in HTML, CSS e JavaScript, con immagini responsive, font ospitati localmente e un impianto SEO dedicato alla ricerca locale. La nuova presenza valorizza l’identità dello studio e rende più semplice orientarsi tra attività e contatti.

Il sito, pagina per pagina

Un sistema visivo coerente.

Formazione / Layout desktop Apri anteprima ↗
Aree di attività / Layout desktop Apri anteprima ↗
Homepage / Layout smartphone Apri anteprima ↗
Partiamo da quello che ti serve

Mettiamo a fuoco
il tuo progetto.

Scegli un obiettivo. Puoi aggiungere le lavorazioni del Lab al riepilogo.

Qual è la priorità?
Il punto di partenza

Partiamo da posizionamento, pubblico e identità visiva. Logo, materiali e contenuti seguiranno una direzione comune.

L’email si apre nella tua app di posta: potrai rivederla prima di inviarla. Qui non viene inviato alcun messaggio.