Design system
Colori, tipografia, spaziature, componenti e stati. Documentato, così il sito resta coerente anche dopo tre anni e cinque mani diverse.
Servizi · Design
Siti che si guardano.
Poi si usano.
Un sito bello che non fa fare nulla è un poster. Progettiamo l’interfaccia a partire da ciò che una persona deve capire nei primi cinque secondi, poi costruiamo il percorso fino all’azione.
01
La forma di una decisione
Ogni pagina ha un compito: spiegare, convincere, rassicurare, far scrivere. Il design è il modo in cui quel compito diventa evidente senza che l’utente debba interpretarlo. Per questo partiamo dalla struttura (contenuti, gerarchie, priorità) e solo dopo scegliamo colori, caratteri e movimento.
Il risultato è un’interfaccia che regge sia il primo sguardo sia la decima visita: veloce, leggibile su un telefono in piedi in metropolitana, coerente su un monitor da 27 pollici.
02
Cosa ricevete
Un progetto di design completo, non un mockup da interpretare.
Prototipo navigabile
Le schermate principali collegate e cliccabili. Si prova prima di scrivere una riga di codice, e si correggono gli attriti quando costano poco.
Interfaccia responsive
Mobile, tablet e desktop progettati insieme. Non un sito desktop rimpicciolito: gerarchie e azioni ripensate per il pollice.
Accessibilità
Contrasti, focus da tastiera, testi alternativi, struttura dei titoli. Un sito accessibile è semplicemente un sito fatto bene.
Ascolto
Due ore con chi decide, non con chi compila il brief. Capiamo il mercato, i numeri e il vincolo vero: tempo, budget o competenze.
Direzione
Mettiamo per iscritto obiettivo, pubblico, messaggio e indicatore di successo. Una pagina, condivisa, che vale come contratto.
Costruzione
Design e sviluppo procedono insieme, in cicli brevi. Ogni settimana c’è qualcosa da guardare, non solo da raccontare.
Misura
Dopo il lancio guardiamo i dati veri: velocità, posizioni, richieste. Poi correggiamo, perché un sito non è un monumento.
03
Prima la struttura,
poi la superficie.
Iniziamo da un inventario dei contenuti: cosa c’è, cosa manca, cosa si può togliere. Molti siti migliorano più eliminando pagine che aggiungendone.
Solo quando il percorso è chiaro passiamo alla direzione visiva. Il carattere, il colore e il movimento vengono scelti per sostenere quel percorso, non per seguire una moda che dura due stagioni.
- Wireframe a bassa fedeltà
- Direzione visiva su pagine chiave
- Design system e componenti
- Prototipo e test con persone reali
FAQ Domande frequenti
Le risposte
che servono.
Devo rifare tutto il sito o posso migliorare quello esistente?
Dipende da quanto è solida la base. Se il CMS e i contenuti tengono, spesso conviene un restyling mirato su home, pagine di servizio e percorso di contatto. Se la struttura è fragile, rifare costa meno che rattoppare.
Lavorate con il nostro brand book?
Sì, se esiste. Lo usiamo come vincolo e lo estendiamo con le regole che mancano per il digitale: stati dei componenti, griglie, comportamento su mobile.
Quante revisioni sono incluse?
Il numero è definito nella proposta. In pratica lavoriamo a cicli brevi con confronti frequenti, così le revisioni sono poche e concentrate, non un ping-pong finale.
Consegnate i file di design?
Sì. Il progetto sorgente e il design system sono vostri, insieme alla documentazione necessaria per riusarli.