# UX/UI design per siti, app e gestionali > UX/UI design per siti, app e gestionali: audit UX, prototipi cliccabili e design system, provati da chi usa il prodotto ogni giorno. Pagina: https://www.studiojem.it/servizi/ux-ui/ Un'interfaccia si giudica da chi la usa il martedì mattina, non dalla presentazione. Facciamo UX/UI design per siti, app e gestionali: audit di quello che hai, progettazione delle interfacce, prototipi cliccabili e design system. Il lavoro parte da chi usa il prodotto ogni giorno e finisce in file che il tuo team, o il nostro, sviluppa senza tradurre. Lavoriamo con aziende in Sardegna e in tutta Italia. Un prodotto digitale si complica una funzione alla volta. Ogni aggiunta ha senso da sola, e dopo due anni le schermate non si somigliano più, il menu ha voci che nessuno apre e l'assistenza risponde sempre alle stesse tre domande. Il problema non è chi lo usa: è l'interfaccia. Il nostro UX/UI design parte da lì. Guardiamo chi usa il prodotto e cosa cerca di fare, poi disegniamo il percorso più corto e le schermate che lo seguono. L'abbiamo fatto per un broker nautico con 180 yacht in catalogo, per un'app di comunicazione per persone con SLA, per una piattaforma di Pilates online con abbonamenti e gift card. Lo user experience design, per noi, è un lavoro che finisce online, non in una presentazione. Lo stesso studio progetta e sviluppa: le interfacce che disegniamo sono quelle che vanno in produzione, e il UI design tiene conto fin dall'inizio di quello che il codice può fare bene. Facciamo UX/UI design in Sardegna e in tutta Italia. Qui i prodotti che progettiamo vivono spesso di stagione: prenotazioni, cataloghi, flotte che ad agosto vanno usati dieci volte più che a febbraio. Un'interfaccia che regge il picco senza confondere nessuno è la stessa che funziona per un'azienda di Milano. ## Per chi lo facciamo - **SaaS & Prodotti Digitali** — Un prodotto che cresce a funzioni aggiunte, con schermate che non si somigliano più: il design system rimette ordine prima del prossimo rilascio. - **Nautica e yacht** — Cataloghi grandi da sfogliare sul telefono, in banchina: ricerca, schede e richiesta a portata di pollice, come per Your Charter. - **Wellness & Beauty** — Prenotare, pagare un pacchetto, regalare una gift card: tre gesti che devono riuscire al primo tentativo, anche a chi apre l'app una volta al mese. ## Cosa include ### Audit UX Partiamo da quello che c'è: dove le persone si fermano, dove tornano indietro, dove scrivono all'assistenza perché non trovano un pulsante. L'audit UX finisce in un elenco di interventi in ordine di peso, non in un giudizio estetico. ### Progettazione interfacce La progettazione interfacce comincia dal gesto più frequente. Per [Flow Porto Cervo](/lavori/app-flow-porto-cervo/) era trovare una lezione e partire; per un gestionale è inserire un dato senza cercarlo. Il resto si ordina attorno. ### Prototipi sui casi veri Schermate cliccabili con i tuoi contenuti, non con il testo segnaposto. Chi userà il prodotto lo prova prima che esista, ed è lì che si scopre la voce di menu che nessuno capisce. ### Creazione design system Colori, caratteri, spaziature e componenti con le loro regole, in un posto solo. La creazione di un design system serve quando più persone disegnano o sviluppano lo stesso prodotto; quando conviene e quando è uno spreco lo abbiamo scritto in [quando serve un design system](/insights/quando-serve-un-design-system/). ### Accessibilità Contrasti, dimensioni dei pulsanti, testo leggibile, navigazione da tastiera. Per [eSLA](/lavori/esla/) ogni scelta rispondeva a una domanda sola: funziona quando la mano trema e la luce è poca? ## Metodo Un'interfaccia si sbaglia quando si disegna prima di aver guardato chi la usa. I primi passi sono di osservazione, i pixel arrivano dopo. - **Ascolto e dati** — Interviste a chi usa il prodotto, analytics, richieste all'assistenza. Ne esce l'elenco dei problemi veri, con il peso di ognuno. - **Flussi** — Il percorso di ogni compito, passo per passo, prima di qualsiasi schermata: è dove si toglie un passaggio inutile senza discutere di colori. - **Prototipo** — Schermate cliccabili con i contenuti veri, provate da chi userà il prodotto. Si corregge qui, quando cambiare costa un'ora. - **Interfacce e sistema** — Le schermate definitive per desktop e mobile, con i componenti del design system e gli stati che nessuno disegna: errore, vuoto, caricamento. - **Consegna e verifica** — Specifiche per lo sviluppo, revisione di quello che va online, controllo dei numeri dopo il lancio. ## Con cosa lo facciamo Progettiamo in Figma, con componenti e varianti che corrispondono a quelli del codice. Quando sviluppiamo noi, il design system vive anche nel codice, in React e TypeScript, con i token di colore e di misura condivisi. Questo sito è costruito così: un design system solo, con componenti e regole che usiamo ogni giorno. Figma · FigJam · React · TypeScript · Design token · Google Analytics ## Audit o redesign? Non ogni prodotto scomodo va ridisegnato da capo. La differenza la fa dove sta il problema. - **Quando basta l'audit** — Il prodotto funziona, ma tre o quattro punti fanno perdere persone: un modulo troppo lungo, un menu ambiguo. Si correggono quelli, in poche settimane. - **Quando serve il redesign** — Ogni funzione aggiunta ha la sua logica, le schermate non si somigliano più e l'assistenza risponde sempre alle stesse domande. Lì si riparte dai flussi. - **Quando serve il design system** — Più persone lavorano sullo stesso prodotto e ognuna rifà il suo pulsante. Il sistema fa risparmiare tempo dal secondo rilascio in poi. ## Quanto costa **Su richiesta** Il prezzo lo fanno il numero di flussi e di schermate, quanto c'è da osservare prima di disegnare e se serve un design system. Un audit UX su un prodotto esistente è un lavoro diverso da un'app progettata da zero: il preventivo è scritto e gratuito, dal configuratore su [/preventivo/](/preventivo/). ## Domande frequenti ### Quanto costa un progetto di UX/UI design? Dipende da quante schermate e quanti flussi ci sono, e da quanto c'è da osservare prima. Un audit su un prodotto che esiste e un'app progettata da zero sono lavori diversi: il preventivo è scritto e gratuito, dal configuratore su /preventivo/. ### Quanto tempo serve? Un audit UX richiede di solito qualche settimana. Una progettazione completa va di pari passo con lo sviluppo: i primi flussi si provano in prototipo mentre il resto si disegna. ### Ci consegnate solo i file o anche il sito o l'app? Tutte e due le cose. Possiamo consegnare file Figma e specifiche al tuo team di sviluppo, oppure sviluppare noi siti, app e gestionali sullo stesso progetto. ### Di chi sono i file e il design system? Tuoi. File Figma, componenti, regole e specifiche passano al cliente a fine progetto, e un altro team può riprenderli senza ricominciare. ### Lavorate con aziende fuori dalla Sardegna? Sì. Interviste, revisioni dei prototipi e test si fanno bene in call, con lo schermo condiviso. Lavoriamo così con aziende in tutta Italia.