Agenzia UX per web design e UI design, dalla ricerca alla realizzazione
Testo
ASES è un’agenzia di UI/UX design. Progettiamo siti web, app e software in cui i vostri clienti e il vostro team si orientino senza istruzioni. Per questo partiamo dalla domanda su che cosa vogliono fare i vostri utenti e poi progettiamo struttura, prototipo cliccabile e interfaccia finale. Su richiesta il nostro team interno realizza anche il design.
Scegliete a che punto si trova oggi il vostro sito o la vostra app. La mappa mostra il vostro prossimo passo e che cosa avete in mano dopo ogni fase.
Siete qui
Pianifichiamo un nuovo sito web o una nuova app
Il vostro primo passo
Chiariamo con voi chi userà il vostro sito o la vostra app e che cosa queste persone vogliono fare lì. Su questo si basano pagine, percorsi e grafica.
Per iniziare basta
Una breve descrizione del vostro progetto e, se ne avete, siti che vi piacciono, con una frase su che cosa vi piace.
Il nostro sito o il nostro software deve diventare più semplice
Il vostro primo passo
Per prima cosa verifichiamo che cosa funziona bene oggi e può restare. Poi vediamo in quali punti gli utenti si bloccano e rielaboriamo proprio quelli.
Per iniziare basta
L’indirizzo del vostro sito o un accesso di prova al software. L’accesso ai vostri dati di analisi aiuta, se volete condividerlo.
Vogliamo rendere accessibile il nostro sito
Il vostro primo passo
L’analisi del sito vi mostra subito, per una pagina, la parte che si può misurare automaticamente. Tastiera, screen reader e ingrandimento li verifichiamo inoltre a mano e poi stabiliamo con voi quali modelli e componenti adattare.
Per iniziare basta
L’indirizzo del vostro sito web.
La nostra immagine è diversa ovunque
Il vostro primo passo
Raccogliamo come si presenta oggi la vostra azienda: sul sito, nelle presentazioni e nei documenti. Logo, colori e caratteri li sviluppiamo nella fase di progettazione e li mettiamo subito alla prova sul vostro sito.
Per iniziare basta
Il vostro logo attuale e alcuni esempi dei vostri documenti.
01 Prima consulenza e obiettivi
Noi
Vi chiediamo di spiegarci che cosa deve ottenere il vostro sito o la vostra app per la vostra azienda ed esaminiamo ciò che esiste già: pagine, programmi e documenti.
Voi
Descrivete obiettivo e gruppi di utenti e ci mostrate esempi che vi piacciono.
Alla fine
Un quadro chiaro di obiettivi, utenti e dei loro compiti più importanti.
02 Ambito e offerta
Noi
Stabiliamo quali pagine e viste nascono, quali passaggi di ricerca e test servono al progetto, se ne fa parte un design system e se realizziamo anche il design.
Voi
Fissate le priorità e verificate l’offerta.
Alla fine
Un’offerta a prezzo fisso con un ambito descritto con precisione.
03 Ricerca e struttura
Noi
Analizziamo i dati esistenti, ad esempio dati di analisi e domande frequenti al vostro servizio clienti, e parliamo con persone del vostro pubblico di riferimento. Poi definiamo struttura delle pagine e percorsi come wireframe.
Voi
Ci date accesso ai vostri dati. Chi trova i partecipanti per colloqui e test lo stabiliamo insieme.
Alla fine
Una struttura di pagine e percorsi condivisa da tutti.
04 Prototipo, test e progettazione
Noi
Ogni interfaccia la provate in un prototipo cliccabile prima che inizi lo sviluppo. Lo testiamo con persone del vostro pubblico di riferimento, modifichiamo i punti in cui esitano e poi progettiamo tutte le viste per smartphone e desktop, in modo accessibile.
Voi
Date un feedback sul prototipo e prendete con noi le decisioni sulla grafica.
Alla fine
Progetti verificati di tutte le viste.
05 Realizzazione e consegna
Noi
Realizziamo il design come sito web, negozio online o software oppure lo consegniamo al vostro team di sviluppo. Al lancio formiamo il vostro team. Dopo la messa online, su richiesta, continuiamo a seguire e migliorare il sito o l’app.
Voi
Esaminate il risultato con noi prima della messa online.
Alla fine
Un’interfaccia che funziona come è stata testata nel prototipo.
Che cosa riceve il vostro team di sviluppo e come dal progetto nasce il codice lo mostra la sezione più sotto. Dal progetto al codice
Lo UX design stabilisce come i vostri utenti trovano le informazioni e portano a termine i loro compiti. Lo UI design progetta l’interfaccia che intanto vedono e usano. Pianifichiamo le due cose insieme, per sito web, negozio online e software. Spesso più temi si intrecciano, ad esempio in un redesign che inizia con un test di usabilità e si conclude con un design system.
Ricerca UX & test di usabilità
Ricerca UX & test di usabilità
Capire le esigenze dei vostri utenti e mettere alla prova le interfacce con test di usabilità e prototipi.
Audit UX
Interviste agli utenti
Test di usabilità
Prototipo cliccabile
Ricevete un elenco delle osservazioni, ordinate per importanza e ciascuna con una misura.
Partiamo da ciò che esiste già: dati di analisi, domande a cui vendite e servizio clienti rispondono di continuo e termini che i visitatori cercano sul vostro sito. Poi parliamo con persone del vostro pubblico di riferimento delle loro esperienze e facciamo loro svolgere compiti tipici in un prototipo cliccabile. Dove esitano o abbandonano, modifichiamo il progetto. Un sito o un software esistente lo guardiamo brevemente già nella prima consulenza; l’analisi approfondita, l’audit UX, è poi la prima fase del progetto.
Adatto se volete sapere dove i visitatori abbandonano o perché gli utenti continuano a fare domande.
Web design
Web design
Siti web che guidano i visitatori verso l’obiettivo e funzionano sia su smartphone sia su desktop.
Responsive web design
Sito aziendale
Redesign
Ricevete i progetti di tutti i modelli di pagina per smartphone, tablet e desktop.
Per prima cosa chiariamo che cosa devono fare i visitatori sul vostro sito: inviare una richiesta, confrontare prodotti, trovare un referente. Su questo si basano menu, home page e ogni modello di pagina. Responsive web design, per noi, significa progettare ogni modello per smartphone, tablet e desktop. In un redesign manteniamo ciò che oggi funziona bene e cambiamo ciò che rallenta i visitatori.
Adatto se i visitatori devono trovare più in fretta ciò che cercano o è previsto un redesign.
UI design per app & software
UI design per app & software
Interfacce per app e applicazioni gestionali che si usano senza formazione.
Design di dashboard
Portale clienti
Design di app
Applicazione gestionale
Ricevete i progetti di tutte le viste e di tutti gli stati, provati nel prototipo.
Progettiamo portali clienti, dashboard, applicazioni gestionali interne e app per iOS e Android. Ogni vista mostra dove si trova l’utente e che cosa deve fare dopo. Progettiamo inoltre tutti gli stati di una vista: vuota, in caricamento, con errore e dopo il completamento. Nelle app seguiamo gli schemi d’uso che i vostri utenti conoscono da iOS e Android.
Adatto se il vostro team o i vostri clienti lavorano ogni giorno con l’applicazione.
Design system
AaAa
Design system
Una raccolta condivisa di colori, caratteri e componenti, perché tutte le interfacce restino coerenti.
Design token
Libreria di componenti
Guida di stile
Libreria Figma
Ricevete una libreria in Figma, su richiesta con i componenti nel codice.
Colori, caratteri e spaziature li definiamo come design token. Pulsanti, campi dei moduli e altri componenti li progettiamo con tutti i loro stati, oltre alle regole su quando usare ciascuno. Se cambiate un colore, cambia contemporaneamente in tutte le interfacce. Contrasti, focus e dimensione minima delle aree touch sono fissati nel sistema. Per una media impresa basta spesso una libreria snella, che cresce con il vostro prodotto.
Adatto se più siti web, app o team usano gli stessi componenti.
Accessibilità & BFSG
Tab⏎
Accessibilità & BFSG
Siti web e app che il maggior numero possibile di persone può usare senza ostacoli, secondo BFSG e WCAG.
Sito web accessibile
Verifica di siti esistenti
Informazioni sull’accessibilità
Ricevete un sito web utilizzabile con tastiera e screen reader.
Per un nuovo sito pianifichiamo contrasti, uso da tastiera, etichette per screen reader e moduli comprensibili fin dal primo schizzo. Per un sito esistente verifichiamo prima dove si trovano le barriere e stabiliamo con voi l’ordine in cui eliminarle. Chi è soggetto al BFSG e che cosa comporta lo mostra la sezione più sotto.
Adatto se offrite online contratti ai consumatori o se il vostro sito deve essere utilizzabile da tutti.
Identità visiva
Identità visiva
Logo, colori e caratteri che rendono la vostra azienda riconoscibile ovunque.
Logo
Colori e caratteri
Linee guida
Presentazioni e stampati
Ricevete file del logo, colori, caratteri, linee guida e modelli per le presentazioni.
Continuate a leggere
Progettiamo il vostro logo da zero, sviluppiamo colori, caratteri e linguaggio visivo e fissiamo in linee guida come usarli. Così anche il vostro team e altri fornitori li usano correttamente. Modelli di presentazione e stampati li progettiamo in coerenza. Come agenzia di identità visiva che progetta anche siti web e app, mettiamo subito alla prova la nuova immagine sul vostro sito e sulla vostra app. Se la vostra identità visiva esiste già, la riprendiamo nel design system.
Adatto se la vostra azienda deve presentarsi in modo coerente sul sito, nelle presentazioni e nei documenti.
Illustrazione, motion, 3D
Più che interfacce: illustrazione, motion e 3D
Oltre a siti web e app progettiamo le immagini, i movimenti e gli oggetti con cui il vostro marchio si fa notare.
Illustrazioni e icone
Illustrazioni e icone
Illustrazioni e set di icone su misura nello stile della vostra identità visiva, per sito, app, presentazioni e stampati.
Illustrator
Figma
Motion e animazione
Motion e animazione
Animazioni per interfacce e loghi e brevi video che presentano la vostra offerta. Su siti e app le realizziamo con Lottie o Rive, perché si carichino velocemente.
After Effects
Lottie
Rive
3D e mockup
3D e mockup
Visualizzazioni 3D e mockup che mostrano il vostro prodotto, la vostra app o il vostro sito in uso.
Blender
Spline
Photoshop
Un’idea
Un’idea, tante forme
Sito web, app, negozio online o campagna: diamo alla vostra idea la forma che raggiunge i vostri clienti.
Sito web
Negozio
La vostra idea
App
Campagna
Esempio
Come nasce una vista: un esempio dal portale clienti
Un esempio: i clienti business di un produttore telefonano spesso per chiedere quando arriverà la loro consegna. Ecco come riprogettiamo la panoramica degli ordini nel portale clienti, perché trovino da soli la risposta.
Esempio · Portale clienti · Panoramica ordini
01 Capire
Capire
Che cosa facciamo
Leggiamo le domande più frequenti al servizio clienti e vediamo nei dati di analisi dove i clienti lasciano il portale.
Che cosa nasce
I compiti più importanti dei clienti e il loro percorso nel portale, su una pagina.
02 Abbozzare
Abbozzare
Che cosa facciamo
Disegniamo più varianti della panoramica e decidiamo con voi quale sviluppare.
Che cosa nasce
Un wireframe della panoramica degli ordini.
03 Testare
“Scoprite quando arriverà il vostro ordine.”Qui i partecipanti al test hanno esitato.
Testare
Che cosa facciamo
I partecipanti al test svolgono un compito nel prototipo cliccabile: “Scoprite quando arriverà il vostro ordine.” Dove esitano, modifichiamo il progetto e testiamo di nuovo.
Che cosa nasce
Un elenco delle osservazioni e un prototipo modificato.
04 Progettare
Progettare
Che cosa facciamo
Completiamo la panoramica, con la data di consegna in primo piano, per smartphone e desktop, in modalità chiara e scura e con tutti gli stati.
Che cosa nasce
File di design, pronti per la realizzazione.
Consegna
Dal progetto al codice: design system e consegna
Ciò che è progettato in Figma deve apparire nel codice esattamente uguale e funzionare come nel prototipo. Per questo da noi design e sviluppo lavorano nello stesso team, e colori, caratteri e componenti hanno in Figma e nel codice gli stessi nomi.
Progetto
accent
title
xl
4
focus
Codice
Nel codice colori, caratteri, spaziature e focus hanno gli stessi nomi del progetto.
Che sia un sito con WordPress, TYPO3 o Webflow, un negozio online o un’app: lo costruiamo con gli stessi componenti del progetto. Durante la realizzazione un link di anteprima vi mostra ciò che è già pronto.
Il vostro team di sviluppo riceve i file di design con tutti gli stati e le dimensioni dello schermo e il link al prototipo. Su richiesta forniamo i componenti anche come codice, documentati in Storybook.
Accessibilità
Sito web accessibile secondo BFSG e WCAG: che cosa comporta
Accessibile significa che le persone possono usare il vostro sito anche con la tastiera, uno screen reader o un forte ingrandimento. Ne traggono vantaggio tutti i visitatori, ad esempio grazie a etichette chiare, messaggi di errore comprensibili e contrasti ben leggibili.
AziendaE-mailInserite un indirizzo e-mail valido.Invia
TabTab⏎
Che cosa è richiesto
Ogni campo e ogni pulsante è raggiungibile con la tastiera, in un ordine sensato, e il focus resta sempre visibile.
Come verifichiamo
Percorriamo ogni modello senza mouse, nei moduli fino all’invio.
Che cosa è richiesto
Campi, pulsanti e immagini hanno nomi che uno screen reader legge ad alta voce. I messaggi di errore dicono che cosa fare.
Come verifichiamo
Moduli e percorsi li ascoltiamo con uno screen reader.
Che cosa è richiesto
Con un forte ingrandimento i contenuti si dispongono uno sotto l’altro e nulla viene tagliato. Il testo si distingue dallo sfondo con un contrasto sufficiente.
Come verifichiamo
Verifichiamo ogni modello con un forte ingrandimento e misuriamo i contrasti di testo ed elementi di comando.
Realizziamo e verifichiamo ogni progetto secondo le WCAG 2.2, livello AA. L’analisi del sito misura, per una pagina, la parte che si può verificare automaticamente; non è una valutazione ai sensi del BFSG.
Il BFSG, la legge tedesca sull’accessibilità, si applica soprattutto a siti web e app attraverso cui i consumatori concludono online un contratto, ad esempio in un negozio online o in una prenotazione. Per questi servizi vale dal 28 giugno 2025. Sono escluse le microimprese con meno di dieci dipendenti e un fatturato annuo o un totale di bilancio annuo non superiore a 2 milioni di euro, se offrono servizi. In genere la legge non riguarda i siti puramente informativi e i negozi online che vendono esclusivamente ad aziende.
Negozio onlinesoggetto
Prenotazione onlinesoggetto
Sito informativodi norma non soggetto
Negozio solo per clienti businessdi norma non soggetto
Quali informazioni richiede la legge
Come il vostro servizio soddisfa i requisiti di accessibilità
L’autorità di vigilanza del mercato competente
Chi rientra nel BFSG pubblica queste informazioni sull’accessibilità del proprio servizio. Le prepariamo con voi.
Le barriere le eliminiamo nel codice, nei modelli e nei componenti del vostro sito, così ogni pagina ne beneficia. Un plugin overlay modifica la pagina solo nel browser del visitatore; il codice del vostro sito resta invariato.
Costi
Quanto costa il web design? Da che cosa dipende il prezzo
Il prezzo del vostro progetto di design lo conoscete prima che inizi il lavoro. Per progettazione e realizzazione pagate un prezzo fisso per progetto, per assistenza ed evoluzione un canone mensile.
Offerta
Progettazione e realizzazione, una tantum
Progetto a prezzo fisso
Per ricerca, progettazione e, su richiesta, realizzazione, fino alla messa online.
Prezzo fisso per l’ambito descritto con precisione
Se l’ambito cambia, prima adeguiamo l’offerta
Nessuna fatturazione a ore
Messa online
Dopo la messa online, mensile
Assistenza ed evoluzione
Per il periodo dopo la messa online, su richiesta.
Canone mensile per manutenzione e supporto
Supporto telefonico 24 ore su 24
Nuove pagine e funzioni per pacchetto di lavoro, con offerta dedicata
Da che cosa dipende l’ambito
Quanti modelli di pagina e viste nascono
Quali passaggi di ricerca e test servono al progetto
Se nasce un design system o se ne amplia uno esistente
Se logo, colori e caratteri sono già definiti
Quanto è già accessibile un sito esistente
In quante lingue compaiono interfaccia e contenuti
Se realizziamo anche il design
Se avete un budget indicativo, indicatelo nella prima consulenza. Adattiamo di conseguenza l’ambito e pianifichiamo altre pagine per i passi successivi.
Costi dopo la messa online
Anche dopo la messa online ci sono dei costi: licenze di caratteri, immagini e strumenti come Webflow, hosting e manutenzione. Questi costi sono indicati nella vostra offerta.
Che cosa vi appartiene
Che cosa vi appartiene alla fine
A pagamento completato vi consegniamo tutto ciò che vi serve per portare avanti il vostro sito o la vostra app da soli o farli evolvere da un altro team.
Design
File di design di tutte le interfacce che progettiamo per voi
Link al prototipo cliccabile
Design system come libreria
Codice, se realizziamo noi
Il codice sorgente sviluppato per voi
Repository Git con l’intera cronologia delle modifiche
Documentazione tecnica
Accessi
Server e hosting
Domini
Account di tutti i servizi
Diritti
Diritti d’uso
Licenze di caratteri e immagini, account su strumenti come Webflow e i file Figma restano da noi durante il progetto. A pagamento completato li trasferiamo a voi.
Organizziamo file e codice in modo che anche un nuovo team vi si orienti. Chi seguirà in futuro il vostro sito o la vostra app lo decidete voi.
Strumenti
Strumenti con cui progettiamo
Lavoriamo con gli strumenti adatti al compito: Figma e Sketch per le interfacce, Adobe Photoshop, Illustrator, InDesign e After Effects per immagini, grafica e movimento, Blender e Spline per il 3D e, nel codice, React, Storybook e Tailwind CSS.
Progettazione e prototipi
Progetti, prototipi cliccabili e librerie per design system.
Figma
Sketch
Framer
Immagini e grafica
Fotoritocco, illustrazioni, icone e stampati.
Photoshop
Illustrator
InDesign
Motion e 3D
Animazioni per interfacce e loghi, visualizzazioni 3D e mockup.
After Effects
Lottie
Rive
Blender
Spline
Componenti
Componenti nel codice, documentati per il vostro team di sviluppo.
Storybook
React
Tailwind CSS
Siti web
Siti web i cui contenuti il vostro team modifica in autonomia.
Webflow
WordPress
TYPO3
Ricerca e analisi
Come i visitatori usano il vostro sito e in quale punto abbandonano.
Matomo
Google Analytics
Hotjar
Verifica dell’accessibilità
Verifica automatica di contrasti, etichette e struttura, integrata dalla nostra verifica manuale.
Risposte su costi, svolgimento, test con gli utenti, file di design e accessibilità.
Quanto costa il web design o un progetto UX?
Dipende dall’ambito: dal numero di modelli di pagina e viste, dai passaggi di ricerca e test, da un eventuale design system, dallo stato della vostra identità visiva, dalle lingue e dal fatto che realizziamo anche il design. Non appena l’ambito è definito, ricevete un’offerta a prezzo fisso. L’assistenza la fatturiamo mensilmente, i nuovi lavori per pacchetto di lavoro. Non fatturiamo a ore.
Quanto dura un progetto di design?
La durata dipende dall’ambito, dai cicli di test e da quanto rapidamente sono disponibili testi, immagini e decisioni. Il nostro team interno inizia in tempi rapidi. Se avete una scadenza fissa, ad esempio una fiera o un rilancio pianificato, indicatela nella prima consulenza. Pianifichiamo l’ambito di conseguenza.
Che cosa fa un’agenzia UX e quando conviene a noi?
Un’agenzia di UX design scopre che cosa vogliono fare i vostri utenti e dove si bloccano. Mette alla prova le interfacce in un prototipo prima dello sviluppo e poi le completa. Conviene se pianificate un nuovo sito o una nuova app, se i visitatori abbandonano o se è previsto un rilancio.
Che cos’è lo UX design, che cos’è lo UI design e qual è la differenza?
UX sta per user experience, in italiano esperienza utente. Lo UX design stabilisce se e con quanta facilità gli utenti raggiungono il loro obiettivo: struttura, percorsi e terminologia. UI sta per user interface, l’interfaccia utente. Lo UI design progetta ciò che gli utenti vedono e usano: layout, colori, caratteri, pulsanti e i loro stati. Pianifichiamo le due cose insieme.
Come verificate se i nostri utenti si trovano bene con il design?
Persone del vostro pubblico di riferimento svolgono compiti tipici nel prototipo cliccabile, ad esempio trovare un ordine o compilare un modulo. Chi trova i partecipanti lo stabiliamo con voi per ogni progetto. Osserviamo dove esitano o prendono una strada sbagliata, modifichiamo il progetto e testiamo di nuovo. Alla fine ricevete un elenco delle osservazioni, ordinate per importanza e ciascuna con una misura.
Che cosa riceviamo alla fine: file Figma, prototipo, design system?
A pagamento completato ricevete i file di design di tutte le interfacce in Figma, il link al prototipo, il design system come libreria e i diritti d’uso. Se realizziamo anche il design, si aggiungono il codice sorgente sviluppato per voi con repository Git, la documentazione tecnica e tutti gli accessi.
Realizzate anche il design e chi lo segue poi?
Sì. Lo stesso team sviluppa il vostro sito con WordPress, TYPO3 o Webflow, il vostro negozio online, la vostra app o il vostro software. Se la vostra azienda ha sviluppatori interni, consegniamo loro il design con tutti gli stati e le dimensioni dello schermo. Realizziamo anche design creati da un altro team. Dopo la messa online, su richiesta, continuiamo a seguire il sito o l’app con aggiornamenti, monitoraggio ed evoluzione.
Potete rielaborare il nostro sito senza ricostruirlo da zero?
Sì. Per prima cosa fissiamo che cosa funziona bene oggi e può restare. Con i vostri dati di analisi vediamo dove i visitatori si bloccano; l’analisi del sito mostra quanto velocemente si carica una pagina e quali barriere si possono individuare automaticamente. Questi modelli e queste pagine li miglioriamo nel sistema esistente. Se struttura o sistema non si adattano più alla vostra azienda, pianifichiamo con voi un rilancio.
Da quando conviene un design system?
Non appena più siti web, app o team usano gli stessi componenti, il vostro prodotto continua a crescere o la vostra immagine diverge nei vari canali. Per un singolo sito più piccolo bastano una guida di stile snella e una piccola libreria di componenti. Dimensioniamo il sistema quanto serve e lo ampliamo con il vostro prodotto.
Il nostro sito deve essere accessibile?
Se tramite il vostro sito i consumatori concludono online un contratto, ad esempio in un negozio o in una prenotazione, dal 28 giugno 2025 di norma vi riguarda il BFSG. Le microimprese che offrono servizi sono escluse. In genere la legge non riguarda i siti puramente informativi e i negozi online solo per clienti business. Rendiamo accessibile ogni progetto secondo le WCAG 2.2, livello AA, anche se la legge non vi riguarda.
Ci serve prima un’identità visiva?
Non necessariamente. Se logo, colori e caratteri sono definiti, li riprendiamo nel design system e progettiamo con essi sito e app. Se mancano o la vostra immagine è diversa ovunque, sviluppiamo prima l’identità visiva e la mettiamo subito alla prova sulle prime viste.
Che cosa vi serve da noi per poter iniziare?
Non vi servono un briefing o un capitolato. Descrivete brevemente il vostro obiettivo e i vostri utenti. Sono utili l’indirizzo del vostro sito, esempi che vi piacciono, con una frase su che cosa vi piace, e loghi, caratteri o una guida di stile esistenti. Se lo desiderate, condividete anche l’accesso ai vostri dati di analisi.
Raccontateci chi usa il vostro sito o la vostra app e che cosa deve diventare più semplice. Vi ricontatteremo il prima possibile e troveremo con voi una data per la prima consulenza.