Digital StudioIl brief più difficile che potessimo scrivere
Il sito di uno studio ha un solo compito onesto: dimostrare che lo studio sa fare il lavoro. Chiunque può rivendicare mestiere in un elenco di servizi. Così abbiamo trattato il nostro sito come un progetto cliente con il brief più esigente mai scritto da noi - un viaggio 3D guidato dallo scroll che sembri premium, dipinga in una frazione di secondo, parli otto lingue dal primo frame, mostri prezzi veri e rispetti il visitatore abbastanza da non tracciarlo.
Questo articolo spiega la costruzione. Come tutto in questo blog, è reale e verificabile - il sito su cui lo sta leggendo è la prova.
Nessun framework, di proposito
Ogni pagina di digitalstudio.world è un file HTML autonomo. Niente framework, niente bundler, niente router lato client. Il viaggio della home - una sfera di particelle che si trasforma in onda e poi in galassia con lo scroll - gira su three.js con una libreria di smooth scroll, e questa è l’intera lista delle dipendenze.
Non è nostalgia: è controllo. Quando non si spedisce nulla di inutilizzato, ogni millisecondo di caricamento è nostro da spendere con intenzione. La pipeline WebGL è calibrata sul dispositivo: i telefoni ricevono un campo di particelle più leggero, una risoluzione ridotta e un bagliore ridimensionato, così lo stesso viaggio resta fluido su un telefono di fascia media. Il loop di animazione si ferma appena la scheda è nascosta e restituisce la memoria GPU quando ve ne andate.
Otto lingue senza flash in inglese
La maggior parte dei siti multilingue traduce nel browser: la pagina carica in inglese, uno script si sveglia e il testo sfarfalla in italiano. Per uno studio che vende localizzazione, quello sfarfallio è un’ammissione di sconfitta.
Noi l’abbiamo costruito al contrario. L’URL è la lingua: /de/, /fr/, /pl/. Un piccolo script di build legge una sorgente inglese e un dizionario per lingua ed emette 56 pagine statiche completamente localizzate - titoli, metadati, dati strutturati, perfino la valuta. Un visitatore in Polonia vede i prezzi in złoty nel primissimo frame dipinto, perché quel frame è stato costruito così prima ancora di lasciare il server.
- I vecchi link con
?lang=vengono rediretti all’edge, prima che una riga di codice giri nel browser. - Una preferenza di lingua salvata vi instrada nella vostra lingua all’arrivo - non c’è alcun frame inglese che possa lampeggiare.
- Le pagine 404 e la pagina di ringraziamento del brief esistono in ogni lingua.
- Ogni pagina porta un cluster hreflang completo e la propria URL canonica, così ogni lingua si posiziona da sola.
Il build si rifiuta di collaborare con gli errori: uno script guardiano esamina ogni pagina prima della generazione e fa fallire il build se un riferimento si romperebbe una volta copiato in una cartella di lingua - indicando file, riga e correzione. Rigore meccanico e noioso - esattamente ciò che serve alla localizzazione.
La velocità come scelta di design
Per noi la velocità non è un punteggio Lighthouse; è un materiale di progetto. Il primo paint del sito cade tra circa 150 e 400 millisecondi nelle nostre misure di laboratorio, sulle rotte che seguiamo, in ogni lingua - e il layout shift cumulativo è esattamente zero, perché prezzi ed etichette sono renderizzati nell’HTML invece che iniettati dopo.
L’elenco poco glamour che lo rende vero: font self-hosted ridotti al necessario, asset statici con fingerprint nel percorso e cache immutabile di un anno, HTML che rivalida a ogni richiesta così un deploy è subito visibile, e una sola piccola funzione edge - il modulo del brief - come unico pezzo in movimento dell’intero sito.
Nota di onestà: sono misure di laboratorio, con CPU limitata e cache fredde. Non pubblichiamo numeri sul campo per una ragione semplice - raccoglierli significherebbe tracciarvi, e non lo facciamo.
Niente vi traccia
Nessuna analytics. Nessun cookie pubblicitario. Nessun fingerprinting. L’unica cosa che questo sito salva sul vostro dispositivo è la scelta della lingua, e l’avviso che ve lo dice è l’unico banner che vedrete mai qui. La content security policy è bloccata sulla nostra origine - la pagina rifiuterà di caricare script di terzi anche se un giorno ne venisse iniettato uno.
Testiamo in laboratorio invece di misurare i visitatori. Ci costa dati. Pensiamo che compri qualcosa di più prezioso.
Cosa ci guadagnate voi
Tutto quanto sopra è la stessa architettura che vendiamo. La struttura di ricerca trilingue di Doggo Paradiso, lo sprint di 21 giorni dal brand alla produzione di Maison Astral, la scheda store spedita in 175 paesi di Water Sommelier - tutto è fatto dei pezzi descritti qui: pagine static-first, localizzazione corretta dal primo frame e velocità trattata come parte del design.
Il nostro sito è il primo pezzo del nostro portfolio. La prova la state tenendo in mano.