Cestello Firenze
2026
Side project · Sito ristorante
Italia
Tredici anni di prodotti enterprise insegnano la misura. Quando un milione di persone dipende da una schermata per emettere una fattura, la risposta giusta è quasi sempre quella silenziosa, e l’idea interessante è di solito quella da cui ti convinci a desistere. Ogni tanto quindi mi prendo un weekend e costruisco qualcosa dove la misura non è il punto: dove interazione e movimento possono essere tutto l’argomento.
Cestello è un ristorante di pesce e cocktail bar in Piazza di Cestello, a Firenze. Il cliente voleva qualcosa di moderno e interattivo, non l’ennesimo template da ristorante con carosello di foto e menù in PDF. È un brief che è insieme un invito e una trappola: “interattivo” si consegna facilmente sotto forma di rumore, e un sito di ristorante ha comunque un solo compito, cioè portare chi sta decidendo dove cenare stasera all’indirizzo, agli orari e al bottone per prenotare.
Il mio ruolo: tutto — design, direzione artistica, sviluppo front-end e la struttura dei contenuti bilingue. Nei weekend, nell’arco di qualche settimana.
Un movimento che appartiene al posto
Il sito si apre sul nero, con un banco di pesci che scivola lentamente attorno al logo. Non è un video in loop e non è un preset di particelle: ogni pesce è un corpo dentro una simulazione fisica reale, per questo il banco non si ripete mai e reagisce alla finestra in cui si trova. Sai che tipo di ristorante è prima di aver letto una sola parola.
Quell’idea doveva poi reggere sei pagine senza diventare un espediente, così gli oggetti cambiano con la sezione: il banco all’ingresso, poi stoviglie, bicchieri e sedie che attraversano le pagine interne, e sedie e oggetti da festa in quella sugli eventi privati. Stessa fisica, vocabolario diverso — il movimento ti dice dove sei, che è un compito di navigazione travestito da decorazione.
Dove la disciplina vale ancora
Un side project è il posto dove lascio guidare l’interazione, non quello dove dimentico il mestiere. Tutto il livello di animazione rispetta l’impostazione di movimento ridotto e si spegne per chi ha chiesto al proprio sistema meno movimento. I contenuti stanno nella pagina sotto di esso: indirizzo, orari e link per prenotare sono raggiungibili che appaia un pesce oppure no.
La regola a cui tengo, qui come al lavoro: un’interazione si merita il suo posto se toglierla rende la pagina meno chiara, non semplicemente meno divertente. Il banco di pesci supera quel test. Tutto quello che non lo superava è finito nel cestino, comprese un paio di cose che mi piacevano.
Com’è fatto
HTML, CSS e JavaScript puri. Nessun framework, nessun CMS, nessuna build — sei pagine statiche, bilingui in italiano e inglese, che il browser può disegnare appena arrivano i primi byte.
-
●
Matter.js
Il motore fisico 2D dietro il banco di pesci e agli oggetti che cadono. Corpi, forze e collisioni sono simulati davvero: per questo il movimento non va mai in loop e non sembra mai scritto a mano. -
●
GSAP
Tutto ciò che è coreografato invece che simulato: entrate, transizioni tra le pagine, il tempo della tipografia. Fisica per quello che deve sembrare vivo, timeline per quello che deve sembrare diretto. -
●
Vanilla per tutto il resto
Un foglio di stile condiviso, uno script condiviso, un livello di cookie consent conforme al GDPR e i web font. Niente da compilare, niente da tenere aggiornato. -
●
Hosting statico
Scelto apposta: deve caricare su un telefono con una tacca di segnale davanti al ristorante, e funzionare ancora tra tre anni senza che nessuno ci faccia manutenzione.
Scegliere di non usare un framework è stata la decisione di design. La cosa più pesante nella pagina è l’idea; tutto il resto le sta fuori dai piedi.