Portfolio personale francescosguotti.com

Il problema di partenza

Un portfolio che si limita a elencare competenze è equivalente a un CV in HTML. Non dimostra nulla. Se dico di saper sviluppare siti performanti con tecnologie moderne, il modo più diretto per dimostrarlo è costruirne uno che lo sia davvero.

L'obiettivo era duplice: avere un sito che rappresentasse il mio lavoro in modo professionale, e usare il progetto stesso come banco di prova per uno stack che non avevo ancora usato in produzione.

Scelte tecniche

Ho scelto Astro 5 per la generazione statica: zero JavaScript lato client di default, bundle minimo, compatibile con qualsiasi hosting. Per l'hosting ho scelto Cloudflare Workers con deploy automatico da push su GitHub — TTFB medio sotto gli 80ms da qualsiasi punto della rete grazie alla distribuzione su edge globale.

Per le animazioni ho usato GSAP con ScrollTrigger per le transizioni contestuali e Three.js per la scena 3D in homepage. Il sistema visivo è ispirato alla cartografia altimetrica: quote, segni di registrazione, scala — un linguaggio tecnico che riflette il modo in cui penso al lavoro.

Sistema di design

Ho definito un set di token colore coerente (pietra, inchiostro, terra, ghiacciaio, grafite) e una gerarchia tipografica con tre famiglie: Cabinet Grotesk per i titoli, Source Serif 4 per il corpo editoriale, IBM Plex Mono per le etichette tecniche.

Il risultato è un sito che scala da mobile a desktop senza rotture, raggiunge Lighthouse score 95+ su performance, e si aggiorna con un singolo git push grazie al pipeline CI/CD su Cloudflare Workers.

Cosa ho imparato

Costruire qualcosa di proprio, senza un brief di cliente, è più difficile di quanto sembri: non c'è un interlocutore che ti aiuti a tagliare le funzionalità non essenziali. Ho dovuto fare scelte di scope molto disciplinate per non trasformare il progetto in un cantiere permanente. La versione che hai di fronte è la quarta iterazione in sei mesi.