Questo sito — il redesign
Il punto di partenza
Il sito che vedi nel riquadro “prima” era il mio precedente bruxstudio.it: un template d’agenzia in Next.js/React, corretto ma uguale a mille altri. Il problema vero però non era l’estetica: era l’onestà. La home sparava numeri inventati — “100% clienti soddisfatti”, “supporto 24/7”, “+150% vendite” — e per di più incoerenti tra loro, con “5 anni” accanto a “4+ anni” e “10+ progetti” accanto a “50+” nella stessa pagina. Un sito che prometteva tutto e non dimostrava niente.
Cosa ho cambiato
Sono ripartito da zero con due regole fisse: personalità e onestà. Personalità, con un’interfaccia da videogioco — corner brackets, pannello sviluppatore, barra dati, footer a scorciatoie — dove però la decorazione gioca e il contenuto resta chiaro per chiunque. Onestà: via ogni metrica inventata. Restano solo cose vere, con gli stessi numeri in ogni pagina (nel software dal 2020, prima persona singolare, nessun risultato che non sia verificabile).
La tecnica
Astro con output completamente statico: ogni pagina arriva al browser (e ai motori di ricerca) come HTML già pronto, senza framework JavaScript da caricare. Il design system è un unico file di token CSS — palette, tipografia, spaziature — da cui nascono tutti i componenti firma: brackets, bottoni a taglio diagonale, barra dati, tag equipaggiamento. Le animazioni usano solo transform e opacity, si spengono con prefers-reduced-motion, e il contenuto è sempre nel DOM anche a JavaScript disattivato. Font subsettati e self-hosted, tre pesi in croce, zero dipendenze esterne.
Il risultato
Il salto misurabile è architetturale: da una single-page application che spediva un intero framework al browser, a HTML statico che arriva pronto per i crawler con JavaScript ridotto quasi a zero. Questo è un fatto, non una stima. I punteggi Lighthouse e i Core Web Vitals, invece, li inserirò qui dopo averli misurati sul sito in produzione: niente numeri prima di averli davvero — è esattamente la regola che ha fatto nascere questo redesign.