Andrea Vannetti

05Web design in Toscana

Web design e UI/UX

Progetto l’esperienza utente prima ancora di scrivere codice. Wireframe, prototipi e design system per un sito che non sia solo bello, ma chiaro e intuitivo per chi lo visita.

Dove
Siena, Firenze, Chianti e da remoto in tutta Italia
Strumenti
Figma
Fasi
Wireframe, prototipi, design system
Figma

Prima il progetto, poi il codice

Un buon design non è decorazione: è decidere cosa mostrare, in che ordine e come guidare le persone verso quello che cercano. Per questo comincio dalla struttura delle pagine, con wireframe semplici che rivediamo insieme.

Poi definisco lo stile, cioè colori, caratteri e componenti, partendo dall’identità della tua attività. Per TecnoChianti è nata un’architettura tipografica con un solo colore, il terracotta; per La Cantinetta del Chianti i colori del vino e un corsivo calligrafico.

Progetto e sviluppo li seguo io, quindi quello che approvi nel prototipo è quello che vedrai online, su ogni schermo.

Per chi è

Chi parte da zero

Nuove attività o progetti che hanno bisogno di un sito chiaro fin dal primo giorno.

Chi vuole rinnovare l’immagine online

Siti datati che non rappresentano più l’attività o che i visitatori faticano a usare.

Chi ha già logo e colori

Traduco l’identità visiva che hai in un sito coerente, dalle pagine ai singoli pulsanti.

Cosa include

Wireframe e prototipi interattivi

Schemi delle pagine e prototipi cliccabili per provare il sito prima che esista.

Design system coerente

Colori, caratteri e componenti definiti una volta e usati ovunque, per un sito ordinato e facile da far crescere.

Studio dell’esperienza utente

Analisi di chi visiterà il sito e di cosa cerca, per organizzare contenuti e percorsi.

Design responsive mobile-first

Progetto prima per il telefono, dove arriva gran parte delle visite, poi per gli schermi più grandi.

Collaborazione su Figma

Condivido le schermate su Figma, così puoi vederle e commentarle dal tuo computer.

Come lavoro

Ascolto

Parliamo di attività, pubblico e obiettivi, e raccolgo i materiali che hai già.

Wireframe

Definisco la struttura delle pagine e la rivediamo insieme.

Design e prototipo

Applico lo stile e preparo un prototipo, che modifichiamo finché non sei soddisfatto.

Sviluppo

Il design approvato diventa il sito, con anteprime durante il lavoro.

Progetti collegati

Alcuni lavori in cui ho usato questo servizio.

Domande frequenti

Vedrò il sito prima dello sviluppo?

Sì. Wireframe e mockup li rivediamo insieme e li modifichiamo finché non sei soddisfatto, prima di scrivere una riga di codice.

Lavori con Figma?

Sì, progetto e condivido le schermate su Figma, così puoi vederle e commentarle direttamente.

Puoi partire dal mio logo e dai miei colori?

Certo. Se hai già un’identità visiva la uso come base; se manca, definiamo insieme colori e caratteri del sito.

Il design è incluso quando realizzi un sito?

Sì, nei miei progetti design e sviluppo vanno insieme: progetto l’interfaccia e poi la costruisco.

05Parliamone

Hai un progetto in mente?

Raccontami di cosa hai bisogno: ti rispondo con una proposta chiara, senza impegno.

Raccontami il tuo progetto