Layout responsive, micro-interazioni, accessibilità WCAG AA, iconografia coordinata. Pensiamo prima al mobile, poi cresciamo verso desktop. Coordinati col team dev: niente design che resta bello solo in Figma.
L'UI design è la progettazione visuale dell'interfaccia di un sito o un'app, fatta su Figma con grafica ad alta fedeltà, palette accessibile, typography coerente, micro-interazioni e versioni responsive (mobile, tablet, desktop), pensata mobile-first perché 60-70% del traffico arriva da smartphone.
Errore tipico: design pensato prima per desktop, poi 'adattato' al mobile in fase di sviluppo. Risultato: sito che funziona bene da computer, disastro da smartphone. Bottoni piccolissimi, form impossibili da compilare, scroll infinito senza gerarchia. Mobile-first è la norma dal 2020.
Da Vicenza dal 2008 con oltre 420 progetti seguiti, abbiamo consegnato 100+ progetti di UI design. Per startup tech, B2B manifatturiero, e-commerce, app mobile, ONLUS. Mobile-first di default, accessibilità WCAG AA inclusa, coordinati col team dev.
UI design per sito B2B con catalogo prodotti tecnico, 27 schermate ad alta fedeltà, mobile-first. Card prodotto, filtri di catalogo, schede tecniche scaricabili. Accessibilità WCAG AA verificata, coordinato con team dev su Astro+Tailwind.
UI design per app web di gestione progetti, mobile-first, dashboard responsive. 18 schermate principali con stati di interazione completi. Coordinamento dev su componenti React riusabili.
UI design per sito multi-servizio: oltre 100 pagine generate da template comuni. Stile tech ed elegante con bordi marcati, palette istituzionale, mobile-first. Implementazione su Astro+Tailwind v4.
Interfaccia ad alta fedeltà, responsive, accessibile, pronta per dev.
Si parte dal piccolo schermo.
Disegniamo prima la versione mobile (375px), poi tablet (768px), poi desktop (1280px+). Gerarchia di contenuto pensata per pollice e scroll, non per mouse e click. Bottoni dimensionati per dito (44px minimo), form a un campo per riga, navigazione semplificata.
Interfaccia finita, non bozza.
Ogni schermata con grafica finale: palette, typography, immagini, componenti del design system. Stati di interazione completi (default, hover, focus, disabled, loading, errore). Pronta per dev, niente reinterpretazioni o pezzi mancanti.
Default, non add-on.
Contrasti verificati con strumenti automatici (axe, Stark), focus visibile su tutti gli elementi interattivi, navigazione da tastiera coerente, alternative testuali per immagini, etichette form esplicite. EAA 2025 ready di base.
Dettaglio che fa qualità.
Animazioni di apparizione, transizioni tra stati, feedback di validazione, indicatori di caricamento. Documentate per dev, replicabili 1:1 in codice (CSS transition, Framer Motion, Lottie). Niente animazione descritta a parole.
Pattern che vediamo prendendo in carico siti progettati senza metodo:
Il nostro approccio: mobile-first di default, stati completi, contrasti WCAG AA, animazioni documentate, coordinamento dev dal giorno uno.
Risultati concreti per imprenditore e team di sviluppo:
Settimane 1-2.
Settimane 3-4.
Settimane 5-6.
Settimana 7.
Industry-standard, sincronizzati col codice:
Figma 
Penpot 
Storybook 
Tailwind CSS 
React 
Astro 
Apple 
Android Quello che ti consegniamo a fine progetto:
Servizio su misura: il preventivo dipende dalla complessità dei requisiti, dalle integrazioni con sistemi terzi (CRM, gestionale, API esterne), dal volume di test richiesto e dal livello di SLA in manutenzione. Prima cosa che facciamo è una discovery call gratuita di 30-45 minuti per capire scope e contesto, poi mandiamo un preventivo scritto entro 48-72 ore. Niente listini standard.
Per pacchetto base (10-15 schermate, 3 breakpoint): 5-7 settimane. Per UI completo con micro-interazioni e responsive avanzato: 8-10 settimane.
Sì, entrambi. Per sito web di solito Astro o WordPress. Per app mobile design pensato per iOS e Android (linee guida specifiche, gesture, navigazione nativa). Stesso processo, stessa qualità.
Sì, WCAG AA è il default. Contrasti verificati, focus visibile, etichette form esplicite, alternative testuali. Per audit completo o WCAG AAA esiste servizio dedicato dove valutiamo l'intero sito.
Sì, è il punto centrale. File Figma strutturato per dev, variabili sincronizzate con Tailwind o CSS, componenti documentati. Coordinamento diretto con sviluppatori per evitare design che resta bello solo in Figma.
Sì, il progetto è pensato per crescere. Possiamo gestire la manutenzione evolutiva come servizio mensile, oppure consegnare il file Figma strutturato in modo che il team interno possa estenderlo da solo.
Design, codice, server, accessibilità sotto la stessa squadra dal 2008. Niente passaggio di mano tra UI designer e team dev.
Si parte dal piccolo schermo, dove arriva il 60-70% del traffico. Poi si cresce verso tablet e desktop, non viceversa.
Contrasti, focus, etichette, alternative testuali. EAA 2025 ready di base. Niente accessibilità come add-on tardivo.
File Figma con tutte le schermate restano del cliente. Riusabile per restyling futuri, niente lock-in con il fornitore.
Analisi preliminare gratuita + report sintetico via email entro 48h.
