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

Website

Graphic design · WordPress · Elementor

—

Studio Legale Biocca was founded in 1992 and works from three offices, Pescara, Teramo and Milan, for banks, SPVs, servicers, leasing companies and investment funds, mostly on non-performing credit and business crises. The website lines up what an institutional client needs to know straight away: how long the firm has existed, where its offices are, which operations it handles and in which regions. I did the graphic design and built it on WordPress with Elementor.

Visit the site: studiolegalebiocca.it ↗

The entrance

The first screen is dark: the SLB monogram appears with a thin rule under it, then the page opens on a colonnade in half-light. The headline, in a large serif with the word “crisi” in italics, sits on the left; below it, three figures — 1992, three offices, ISO 9001 — say in one line who the firm is.

Colours and type

Two typefaces: Cormorant Garamond for the headings and Hanken Grotesk for text and labels. Three colours: the deep petrol blue of the dark background, the ivory of the reading sections and a warm gold used for labels, thin rules and links, which guides the eye without decorating.

The “Tre sedi, undici regioni” section is a map of Italy: the regions where the firm operates are highlighted and, with the cursor over a region or a tap on the phone, the list of cities appears on the left, from Genoa to Bari. If nobody touches it, it moves on its own from one region to the next. The three offices have their own marker. It gives an idea of the firm’s reach without a table to read.

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.

On the phone the menu becomes an icon and the sections stack in one column; the headline stays on two lines and the two entrance buttons sit one under the other.

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.

More projects

014 — more projects