Web design UX/UI a Torino

Il web design non è la fase in cui il sito diventa bello. È il lavoro che decide se chi arriva trova quello che cerca e fa il passo successivo: chiedere un preventivo, prenotare, comprare. La UX (user experience) progetta quel percorso, la UI (user interface) gli dà una forma chiara e riconoscibile. Separate producono siti belli che non convertono, oppure siti funzionali che nessuno ricorda.

Progettiamo l’esperienza di siti, e-commerce e app per aziende di Torino, del Piemonte e di tutta Italia. Lo facciamo nello stesso studio che segue brand identity, sviluppo e SEO: il design non finisce in un file consegnato a qualcun altro, arriva online così come è stato approvato.

Perché il design di un sito si giudica dai risultati

Un visitatore non legge un sito: lo scorre, cerca un segnale che gli dica di essere nel posto giusto e decide in pochi istanti se restare. Se il menu è confuso, se il bottone per contattarti è nascosto o se da smartphone i testi sono troppo piccoli, se ne va, e nei report resta solo una visita in più.

Per questo non partiamo da una moodboard ma da una domanda: cosa deve fare chi arriva su questa pagina? Ogni scelta grafica, dal colore di un bottone all’ordine delle sezioni, si giustifica rispetto a quella risposta. Il gusto conta, ma viene dopo.

Il design influisce anche su come Google legge il sito: struttura delle pagine, gerarchia dei titoli, velocità di caricamento e resa da mobile sono decisioni di progetto prima che tecniche. Per questo lavoriamo fianco a fianco con chi segue la SEO.

Agenzia web design e UX a Torino: cosa comprende il servizio

1. Analisi: chi usa il sito e per fare cosa

Studiamo il pubblico, le ricerche che fa prima di contattarti e i siti dei concorrenti. Se il sito esiste già, partiamo dai dati: quali pagine vengono visitate, dove le persone abbandonano, quali percorsi portano a una richiesta. Il risultato è un elenco di priorità e obiettivi misurabili, concordato prima di disegnare qualsiasi cosa.

2. Architettura e wireframe

Definiamo quali pagine servono, come si collegano e cosa contiene ciascuna, in quale ordine. Il wireframe è lo scheletro del sito, senza grafica: permette di discutere struttura e contenuti senza distrarsi con i colori, e di correggere un percorso sbagliato quando costa ancora poco farlo. Ne parliamo più a fondo nella guida alla progettazione di un sito web.

3. Interfaccia e sistema di componenti

Sulla struttura approvata costruiamo l’interfaccia: tipografia, palette colori, spaziature, icone, stati dei bottoni e dei moduli. Tutto nasce dalla brand identity dell’azienda e viene organizzato in componenti riutilizzabili. È ciò che permette, mesi dopo, di aggiungere una pagina o una landing page per una campagna senza che il sito perda coerenza.

4. Prototipo e approvazione

Prima dello sviluppo vedi il sito in un prototipo: le schermate principali, da desktop e da smartphone, con i percorsi collegati. Lo sviluppo parte solo dopo la tua approvazione. È la fase in cui una modifica richiede minuti invece di giornate.

5. Mobile, accessibilità e messa online

Ogni schermata si progetta anche per lo smartphone, non si adatta alla fine. Contrasti leggibili, testi di dimensione adeguata, bottoni facili da toccare e una navigazione che funziona anche da tastiera servono a tutti, e per molte aziende sono diventati un obbligo con l’European Accessibility Act. Se il sito esiste già, un test di accessibilità dice da dove partire. Durante lo sviluppo verifichiamo che il sito online corrisponda al prototipo approvato.

Progetti di web design UX/UI

Alcuni lavori in cui il design dell’esperienza ha fatto la differenza:

• Condor Pubblicità: azienda di insegne su misura dal 1985, quasi assente sul web. Prima il wireframe, poi il prototipo grafico approvato, poi il prototipo semi-finito rivisto pagina per pagina insieme a loro, e solo alla fine sviluppo e messa online.
• Taboo Nails: l’e-commerce precedente, fatto da un’altra agenzia, in certi casi non permetteva nemmeno di confermare l’ordine. Lo abbiamo riprogettato da zero su Shopify, con render 3D dei prodotti: +470% di click dalla ricerca organica e +300% di ordini sull’intero rilancio.
• Palazzo Petrucci: redesign completo del sito di un ristorante stellato, costruito su una navigazione semplice e facile da aggiornare, insieme a una strategia SEO: +180% di traffico.
• 8casa: un solo sito per un gruppo immobiliare con più agenzie, con la mappa degli immobili collegata al gestionale, e l’app 8casa Connect per le segnalazioni: +120% di lead.
• CiBi Arredamenti: il sito risaliva agli anni 2000 e non era pensato per lo smartphone. Nuova identità, nuovo sito progettato per l’esperienza utente e per la SEO: +40.000 € di fatturato organico in un anno.

Vedi tutti i progetti.

Sito, e-commerce o app: cosa cambia nel design

Un sito aziendale deve accompagnare verso una richiesta di contatto: chiarezza sui servizi, prove concrete, un modo per scriverti o chiamarti sempre a portata di mano. Se ti serve anche lo sviluppo, trovi tutto nella pagina sulla realizzazione di siti web.

Un e-commerce si gioca su schede prodotto, filtri e carrello: ogni passaggio in più nel checkout è un ordine a rischio. Quando la piattaforma è Shopify, design e sviluppo li seguiamo insieme, come agenzia Shopify.

Un’app viene usata spesso e per compiti ripetuti: conta più la velocità nel fare una cosa che l’effetto della prima apertura. Per la parte tecnica c’è lo sviluppo app.

Redesign o sito nuovo?

Non sempre serve ripartire da zero. Se il sito porta già visite e posizioni su Google, un redesign può migliorare l’esperienza e le conversioni proteggendo quello che funziona. Se invece la struttura è sbagliata alla radice, ritoccare la grafica sposta il problema di qualche mese. Nel dubbio si parte dai dati: quali pagine rendono, quali no, e perché. Ne parliamo nell’articolo sul restyling del sito aziendale.

Cosa chiedere prima di affidare il web design

• Da quali dati partite? Se la risposta è solo “dai tuoi gusti”, il sito sarà giudicato sui gusti, non sui risultati.
• Vedrò un prototipo prima dello sviluppo? Approvare delle immagini statiche non basta a capire come si usa un sito.
• Chi sviluppa il design, e come verificate che il sito online sia uguale al progetto? Tra un file di design e il sito vero si perde spesso qualcosa per strada.
• Come si aggiunge una pagina tra sei mesi? Senza un sistema di componenti, ogni nuova pagina è un piccolo progetto a parte.

Domande frequenti

Che differenza c’è tra UX e UI?

La UX progetta l’esperienza: cosa deve trovare l’utente, in che ordine, con quanti passaggi. La UI progetta l’interfaccia: come appaiono pagine, bottoni, testi e immagini. Una buona UX con una UI trascurata sembra poco affidabile, una bella UI su una UX sbagliata non porta a nessuna azione.

Quanto costa il web design di un sito?

Dipende dal numero e dalla complessità delle pagine, dal fatto che esista già un’identità visiva, da quanti percorsi vanno progettati (un e-commerce ne ha molti più di un sito vetrina) e dal livello del prototipo. Nella valutazione strategica definiamo il perimetro, poi ricevi un preventivo che dice cosa comprende e cosa no.

Progettate solo il design o anche lo sviluppo?

Entrambi, ed è il modo in cui preferiamo lavorare: chi progetta segue lo sviluppo e verifica il risultato.

Lavorate solo con aziende di Torino?

Lavoriamo da Torino con aziende di tutta Italia. Le fasi di analisi e revisione del prototipo si fanno bene anche da remoto, e ci si incontra di persona quando un passaggio del progetto lo richiede.