Web Design · Fase 02 · Design
Questa pagina è la dimostrazione.
Mentre scorri, ti facciamo vedere come costruiamo un sito.
Cosa è cambiato
Lo strumento con cui stiamo costruendo questo sito si chiama Claude Design.
È un collaboratore che scrive codice e progetta animazioni. Gli descrivo un’idea a parole e lui ne fa una sezione vera, in codice che funziona, con movimenti che prima chiedevano uno sviluppatore, un esperto di animazione e due settimane. Io intanto penso a cosa deve dire, a chi e perché.
In prima persona
Fare un sito ha sempre voluto dire aspettare.
Se ne hai già fatto uno conosci la trafila: aspetti il codice, lo sviluppatore, il «te lo faccio vedere lunedì». Dall’HTML scritto a mano ai CMS e agli editor visuali, ho visto ogni novità accorciare un po’ l’attesa. Con l’AI l’attesa quasi sparisce, e cambia il mestiere.
’90anni
A mano
Si scriveva l’HTML riga per riga e ogni modifica era un viaggio dal cliente.
Attesa: settimane
2000anni
I CMS
Con WordPress e simili si pubblica senza riscrivere tutto.
Attesa: giorni
2010anni
Gli editor visuali
Trascinare blocchi è più rapido, ma si resta nei binari di un modello altrui.
Attesa: ore
Oggiadesso
Con l’AI
Si progetta a parole, e codice e animazioni arrivano subito.Siamo qui
Attesa: zero, in diretta
Tempi più corti
Quello che chiedeva settimane di cantiere oggi si fa in pochi giorni.
Impalcature e «ci vediamo al prossimo allineamento» si riducono al minimo, e ogni modifica la vedi subito. Il tempo risparmiato lo rimettiamo nel progetto, per pensarlo meglio e curarne i dettagli.
Il percorso
Dalle tue parole a un sito vivo, e ogni scelta la fa una persona.
Partiamo da come parli ai clienti, da cosa vendi e a chi, e attraversiamo la fase Design di ADAM, quella in cui l’identità del brand diventa un sito da usare.
01
Parole
Tono, pubblico, offerta.
02
Identità
Chi sei, reso visibile.
03
Design
Esperienza e movimento.
04
Sito vivo
Codice vero, online.
Se l’identità è ancora da mettere a fuoco, conviene cominciare da lì. → Scopri la Brand Identity
SITI CHE LAVORANO
Guarda i siti che abbiamo costruito.
Onestà critica
Andiamo più veloci con la stessa cura, e dosiamo gli effetti.
Per noi un sito che vince premi senza portare contatti resta un lavoro sbagliato. Qui ogni movimento ha un compito: guidare lo sguardo, far capire, preparare la scelta. Un’idea scenografica che non aiuta la lasciamo fuori, e ti spieghiamo perché.
Effetto decorativo ✦ attivo
Sotto la superficie
Quello che non si vede decide se un sito funziona.
Un sito deve caricarsi in fretta, leggersi bene su ogni schermo ed essere accessibile a tutti. Se è bellissimo ma lento, o lascia fuori qualcuno, ti fa perdere clienti.
Desktop · tre colonne
Un paragone automobilistico
Un sito è come un’auto: motore e carrozzeria.
Il motore è il CMS, il programma che gestisce i contenuti, e deve essere potente, sicuro e pronto a crescere. La carrozzeria è l’interfaccia, quello che vedi e tocchi. Un’auto riuscita nasce quando motore e carrozzeria si progettano insieme.
UI · la sensazione
La «veste» dell’interfaccia
Disposizione, colori, caratteri, pulsanti e icone: quello che rende il sito piacevole al primo sguardo.
UX · l’esperienza
Quanto è facile da usare
Chi entra deve trovare in fretta quello che cerca e arrivare dove vuole senza inciampi.
In ogni sito curiamo tre cose: un menù che porta subito alle risposte, una home che orienta in pochi secondi e pulsanti che invitano al passo giusto.
Se questa pagina ti piace,
facciamone una così per te.
Si comincia con un’analisi gratuita del tuo sito, per capire cosa tenere e cosa ridisegnare. Poi prendiamo una delle tue pagine e ti mostriamo come diventa con questo metodo.