Un sito disegnato come una serie di tavole
Arch. Gasparini è uno studio di architettura e interior design a Olgiate Comasco, attivo tra Lombardia, Canton Ticino e Veneto. Ho ideato, progettato e sviluppato il suo nuovo sito.
Stato · In pubblicazione su www.archgasparini.it. Queste schermate vengono dalla versione finita; le schede segnaposto lasceranno il posto alle fotografie dello studio al lancio.
Perché esiste
Le opere migliori di un architetto sono spesso private: case e uffici coperti da riservatezza. Il sito doveva essere preciso come i disegni dello studio, presentare bene un piccolo numero di opere pubbliche — e dare comunque valore all'archivio riservato.
Cosa ho fatto
Tutto, dai primi schizzi al codice in produzione: quattro giri di schizzi di design con varianti, un design system consolidato, il front end in Next.js con il suo movimento e lo schema del CMS con cui lo studio aggiorna il sito.
La tavola come interfaccia
Le pagine sono tavole — TAV. 01 / 04 — con cartigli, codici di progetto e crocini di registro agli angoli. La tipografia fa il resto: un serif display con accenti in corsivo, un grottesco per la lettura, un monospaziato per ogni metadato. La gerarchia nasce da peso, dimensione e opacità; il colore è riservato.
#0A0908#FAF9F6#EFEBE3#C9734B- FrauncesDisplay
- Inter TightTesto
- JetBrains MonoMetadati
Mostrare le opere che non si possono mostrare
I progetti coperti da NDA restano nel catalogo come capsule segnate in terracotta — indicate per settore e area, con le tavole interne omesse. L'unico colore del sito indica ciò che è riservato.
Una sola scena ancorata
Le opere selezionate scorrono in orizzontale guidate dallo scroll verticale. Il binario si misura al ridimensionamento perché l'ultima scheda arrivi a filo, diventa una striscia statica con il movimento ridotto e una striscia a scatto nativa sugli smartphone.
Prima l'italiano, davvero bilingue
Percorsi localizzati (opere ↔ works), hreflang e canonical generati da un'unica mappa dei percorsi e campi del CMS che tengono le due lingue collegate.
Come funziona
Pagine renderizzate lato server in italiano e inglese, contenuti da un CMS headless con entrambe le lingue in ogni documento e moduli gestiti da server action.
- VisitatoreIT · EN
- Next.jsRenderizzato lato server · Percorsi localizzati
- SanityOpere · Studio · Stampa · Due lingue
- Server actionRichieste di appuntamento qualificate
- Studio integratoLo studio aggiorna il proprio sito