Mock-up: la home di studiolegalebiocca.it su un monitor appoggiato a una scrivania di noce, con il titolo «Tutela del credito, gestione della crisi» sopra un porticato in penombra e i tre numeri dello studio in basso.

—

Studio Legale Biocca

Sito web

Progetto grafico · WordPress · Elementor

—

Lo Studio Legale Biocca è nato nel 1992 e lavora da tre sedi, Pescara, Teramo e Milano, per banche, SPV, servicer, società di leasing e fondi di investimento, soprattutto su credito deteriorato e crisi d'impresa. Il sito mette in fila quello che a un cliente istituzionale serve sapere subito: da quando esiste lo studio, dove ha sede, su quali operazioni lavora e in quali regioni. Ho fatto il progetto grafico e l'ho costruito su WordPress con Elementor.

Vai al sito: studiolegalebiocca.it ↗

L'ingresso

La prima schermata è scura: compare il monogramma SLB con un filetto sotto, poi la pagina si apre su un porticato in penombra. Il titolo, in un serif grande con la parola «crisi» in corsivo, sta a sinistra; sotto, tre numeri — 1992, tre sedi, ISO 9001 — dicono in una riga chi è lo studio.

Colori e caratteri

Due caratteri: Cormorant Garamond per i titoli e Hanken Grotesk per il testo e le etichette. Tre colori: il blu petrolio dello sfondo scuro, l'avorio delle sezioni di lettura e un oro caldo usato per etichette, filetti e link, che serve a guidare l'occhio senza decorare.

La sezione «Tre sedi, undici regioni» è una mappa dell'Italia: le regioni in cui opera lo studio sono evidenziate e, con il cursore su una regione o con un tocco sul telefono, a sinistra compare l'elenco delle città, da Genova a Bari. Se nessuno la tocca, scorre da sola da una regione all'altra. Le tre sedi hanno il proprio segnaposto. Dà un'idea del raggio d'azione senza una tabella da leggere.

Mock-up: la sezione «Tre sedi, undici regioni» su un portatile aperto su una scrivania, con l’elenco delle città del Lazio a sinistra e la mappa dell’Italia con le regioni evidenziate a destra.

Da telefono il menu diventa un'icona e le sezioni vanno in un'unica colonna; il titolo resta su due righe e i due pulsanti dell'ingresso si mettono uno sotto l'altro.

Mock-up: la home del sito sul telefono, appoggiato in verticale a una fila di vecchi libri di legge; il titolo e il testo introduttivo vanno a capo su una colonna sola e il menu diventa un’icona in alto a destra.

Altri progetti

014 — altri progetti