Vai al contenuto

Agenzia UX per web design e UI design, dalla ricerca alla realizzazione

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.

Far progettare un sito o un’app: come funziona

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.

A che punto siete?
  1. 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.

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.

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

Come lavoriamo nel dettaglio

UI/UX design: che cosa progettiamo per voi

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à

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.

Web analytics & ottimizzazione delle conversioni
Continuate a leggere

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

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.

Realizzazione di siti web & CMS
Continuate a leggere

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

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.

Sviluppo di app
Continuate a leggere

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

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.

Dal progetto al codice
Continuate a leggere

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

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.

Accessibilità secondo BFSG e WCAG
Continuate a leggere

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

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.

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 set di icone su misura nello stile della vostra identità visiva, per sito, app, presentazioni e stampati.

  • Illustrator
  • Figma

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

Visualizzazioni 3D e mockup che mostrano il vostro prodotto, la vostra app o il vostro sito in uso.

  • Blender
  • Spline
  • Photoshop

Un’idea, tante forme

Sito web, app, negozio online o campagna: diamo alla vostra idea la forma che raggiunge i vostri clienti.

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

  1. 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.
  2. Abbozzare

    Che cosa facciamo
    Disegniamo più varianti della panoramica e decidiamo con voi quale sviluppare.
    Che cosa nasce
    Un wireframe della panoramica degli ordini.
  3. 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.
  4. 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.

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.

Nel codice colori, caratteri, spaziature e focus hanno gli stessi nomi del progetto.

  • Colori e caratteri
  • Spaziature e griglia
  • Componenti con tutti gli stati
  • Dimensioni dello schermo
  • Indicazioni sull’accessibilità
  • Link al prototipo

Realizziamo noi

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.

Sviluppo softwareE-commerce

Lo realizza il vostro team

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.

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.

Scegliete una modalità d’uso
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.

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.

Aprite l’analisi del sito web

A chi si applica il 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.

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 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 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.

    • Lighthouse
    • axe-core
Tutte le tecnologie

ASES in cifre

  • 1 teamTeam interno, nessun subappaltatore
  • 15+Oltre 15 anni di esperienza nel team
  • 35+Aziende in oltre 35 paesi lavorano con noi
  • 10Colloqui in dieci lingue
Chi siamo

Domande frequenti a un’agenzia UX

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.

Parliamo del vostro sito o della vostra app

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.

  • Prima consulenza gratuita
  • Senza impegno
  • NDA su richiesta