Progettiamo esperienze utente e interfacce che funzionano: UX research, wireframe, prototipazione, design system, user testing. Per siti web, eCommerce, app mobile, software custom, dashboard. Il design è interno a Doozy, non delegato.
Non è "fare la grafica": è un processo strutturato che parte dall'utente (cosa vuole fare?) e arriva all'interfaccia (come glielo rendiamo semplice e piacevole?). UX design progetta come funziona, navigazione, architettura informativa, user flow, prototipazione, testing. UI design progetta come appare, layout, tipografia, colori, componenti interattivi.
I due non si possono separare. Un prodotto con UX buona e UI mediocre comunica male il brand. Un prodotto con UI bella e UX cattiva non converte. Doozy li progetta insieme, con designer e sviluppatori nello stesso team. Il designer conosce i vincoli tecnici dal giorno uno (non progetta cose impossibili) e lo sviluppatore conosce il design dal giorno uno (non improvvisa). Il risultato finale corrisponde al design approvato.
UX progetta come l'utente vive il prodotto: come naviga, dove trova ciò che cerca, come completa un'azione. Si basa su dati: analytics, heatmap, session recording, benchmark, interviste.
Il buon UX design è invisibile: quando tutto funziona, l'utente non lo nota.
UI progetta come appare ciò con cui l'utente interagisce: layout, tipografia, palette, bottoni, form, animazioni. Traduce il brand in esperienza visiva digitale.
Non è decorazione: ogni scelta visiva impatta usabilità, leggibilità, conversione.
Architettura ottimizzata (dall'home alla conversione in massimo 3 click), user flow per persona target, mobile-first reale, accessibilità WCAG 2.1 AA. UI: design system del brand, responsive, coerenza con identità offline.
Approfondisci →La UX più misurabile: ogni miglioramento al percorso d'acquisto si traduce in conversion rate. Navigazione catalogo, scheda prodotto, carrello frictionless, checkout semplice. Mobile-first non opzionale.
Approfondisci →Convenzioni native per ogni OS: tab bar e navigation stack su iOS, Material Design su Android. Onboarding al valore in pochi secondi, gesture support, performance percepita con skeleton e ottimistic UI.
Approfondisci →Le sfide UX più complesse: molti dati, molte azioni, utenti con expertise variabile. Gerarchia dell'informazione, semplificazione flussi, data viz, form con logica condizionale. Design system enterprise.
Approfondisci →Libreria di componenti riutilizzabili, documentata, condivisa tra designer e sviluppatori. Coerenza visiva a scala su molte pagine o schermate. Figma library più Tailwind CSS per l'implementazione frontend.
Approfondisci →Strutturato ma adattabile. Per un sito web di media complessità si completa in 5-8 settimane. Per un software enterprise con 30+ schermate richiede più tempo. Ogni step ha output verificabili prima di passare al successivo.
Analisi analytics, heatmap Hotjar/Clarity, session recording, benchmark 3-5 competitor, interviste stakeholder. Output: UX audit, personas, user journey map.
Mappa pagine con gerarchia, user flow con ogni decision point, wireframe low-fidelity in bianco e grigio. Validazione cliente in Figma prima di toccare la grafica.
Mockup ad alta fedeltà per ogni pagina, palette, tipografia, componenti, stati interattivi. Design system se serve. Prototipo navigabile per validare il flusso.
Prototipo interattivo in Figma, user testing con 5-8 utenti su task specifici. I risultati informano un'ultima iterazione prima dell'handoff.
Specifiche per sviluppatori (spacing, colori, asset esportati), Figma con inspect mode abilitato. Il designer supervisiona attivamente lo sviluppo.
UX design (User Experience) progetta come funziona un prodotto digitale: come l'utente naviga, trova ciò che cerca, completa un'azione. Si basa su dati (analytics, heatmap, user testing), non su gusto estetico. UI design (User Interface) progetta come appare: layout, colori, tipografia, bottoni, animazioni. La 'grafica' generica non include UX research, user flow, architettura informativa, prototipazione, testing. UX/UI design è un processo strutturato che parte dall'utente e arriva all'interfaccia. Un sito bello con UX cattiva non converte. Un sito con UX buona e UI mediocre converte ma non comunica il brand. Servono entrambi, progettati insieme.
L'investimento dipende da: complessità del prodotto (sito 10 pagine vs eCommerce 500 prodotti vs software 30 schermate), profondità della UX research richiesta (audit base vs interviste utenti più user testing), necessità di design system (progetto singolo vs piattaforma scalabile con molte funzionalità future). Il UX audit gratuito Doozy serve a capire lo scope prima di qualsiasi preventivo: analizziamo il prodotto esistente o il brief del nuovo, identifichiamo la complessità reale, stimiamo le fasi necessarie. Se il progetto non giustifica UX research completa (sito vetrina semplice), lo diciamo e calibriamo il servizio di conseguenza.
Prima il design, poi lo sviluppo. Il motivo è economico oltre che metodologico: modificare un wireframe Figma costa 1 ora, modificare codice già scritto (e spesso già integrato con altre parti del sistema) costa 10 ore. Il processo corretto è: UX research → wireframe → UI design → prototipo validato → solo dopo si sviluppa. In Doozy design e sviluppo lavorano nello stesso team, quindi il designer conosce i vincoli tecnici dal giorno uno (non progetta cose impossibili) e lo sviluppatore conosce il design dal giorno uno (non improvvisa). Se arrivi con un sito già sviluppato e UX problematica: /sviluppo-siti-web/ per la parte di rifacimento.
Un design system è una libreria di componenti di design riutilizzabili (bottoni con tutti gli stati, form, card, navigazione, tabelle, tipografia, colori, spaziature) documentata e condivisa tra designer e sviluppatori. Serve quando: il prodotto ha molte pagine o schermate (coerenza visiva a scala senza ridisegnare tutto da zero ogni volta); più persone lavorano sullo stesso prodotto (regole condivise evitano interpretazioni diverse); il prodotto deve scalare con nuove funzionalità (i componenti esistenti si riutilizzano). Non serve per un sito vetrina da 5-10 pagine statiche. Tool Doozy: Figma library (componenti con varianti, auto-layout, modes) per il design, Tailwind CSS con componenti custom per l'implementazione.
Il UX audit è l'analisi sistematica di un prodotto digitale esistente. Cinque aree di analisi: usabilità (dove l'utente si blocca o si confonde, dati da analytics e heatmap); architettura informativa (la struttura delle pagine riflette come l'utente pensa? trova ciò che cerca?); conversion path (il percorso da entry point a conversione è fluido? dove abbandona?); mobile experience (il prodotto funziona su smartphone? touch target, scroll, performance); accessibilità base (contrasto colori WCAG, leggibilità, navigazione keyboard). Output: documento con screenshot annotati, lista quick win (fix immediati a basso costo), roadmap miglioramenti strutturali. Gratuito, 60-90 minuti, senza commitment.
Sì. Doozy può fare solo UX/UI design e consegnare wireframe, mockup Figma ad alta fedeltà, design system, prototipo navigabile, specifiche per sviluppatori. Il tuo team di sviluppo interno o un'altra agenzia implementa il design. Il handoff è curato: asset esportati, spacing e colori documentati, Figma ispezionabile dal team di sviluppo. La limitazione: Doozy non può garantire la fedeltà dell'implementazione se non supervisiona lo sviluppo. Consigliamo almeno una review post-sviluppo in cui il designer Doozy verifica la corrispondenza tra codice e design approvato.
Stack UX/UI Doozy: Figma come tool primario per tutto il processo (wireframe, mockup ad alta fedeltà, design system con componenti e varianti, prototipo interattivo navigabile, handoff sviluppo con inspect mode); FigJam per workshop collaborativi, user journey mapping, brainstorming con il cliente; Hotjar o Microsoft Clarity per heatmap e session recording del prodotto esistente; Google Analytics 4 per dati quantitativi su traffico, conversion rate e comportamento utente; Maze o UsabilityHub per user testing remoto asincrono su prototipi. Il cliente ha accesso al progetto Figma durante tutto il processo: può seguire l'avanzamento in tempo reale e commentare direttamente sui mockup.
Analizziamo il tuo sito, eCommerce, app o software. Quick win immediati più roadmap miglioramenti strutturali più stima investimento. Gratuito, senza commitment. Oppure scrivici a hello@doozy.it.
