User Experience Design
pensata per convertire.
Ricerca utente, wireframe, prototipi, UI testabile. Tre fasi, un obiettivo: esperienze validate con utenti reali e progettate per convertire — non per vincere premi di estetica o per piacere al CEO.
- WCAG 2.1 AA di default
- Design system + dev handoff
- Usability testing incluso
Overall score 87/100
- Usability 87
- Accessibility · WCAG 94
- Mobile experience 91
- Conversion flow 62
- Brand consistency 95
- Performance UX 74
Quattro ambiti. Stessa metodologia.
Cambiano i deliverable e i tempi, non il processo. Ogni progetto parte da ricerca utente e finisce con un design system pronto per la produzione.
Conversion flows
Landing · Checkout · SignupLanding page, funnel multi-step, checkout, registrazioni. Ogni step ottimizzato per ridurre attrito e drop-off — testato prima di andare in produzione.
- Landing
- Checkout flow
- Onboarding
- Lead form
- Pricing page
Web app & dashboard
SaaS · B2B · Tool interniInterfacce per applicativi gestionali, SaaS, dashboard analitiche. Dove conta non l'estetica ma la data density e la velocità di azione.
- SaaS UI
- Admin panel
- Data dashboard
- Multi-tenant
- Power user UX
E-commerce flows
PDP · Cart · AccountProduct detail page, configuratori, cart, account area, post-purchase. Lavoriamo a stretto contatto con il Pilastro 02 (Sviluppo Ecommerce) per design realmente implementabili.
- PDP
- Configuratori
- Cart UX
- Account area
- Post-purchase
Design system
Token · Componenti · PatternDesign system Figma + librerie React/Vue/Web Components con token color, typography, spacing, motion. Scalabile, versionato, con documentazione live.
- Design token
- Componenti
- Storybook
- Figma libraries
- Docs auto
Disegniamo anche app mobile native (iOS HIG + Material Design), landing per campagne e brand identity digitale quando fa parte di un progetto più ampio — non come servizio standalone.
Sei deliverable. Niente "design dato in PDF".
Tutti i file Figma sono tuoi, editabili. Niente lock-in, niente "se mi cambi designer perdi tutto".
UX research & interviews
5-8 interviste utente registrate, analytics review (GA4, heatmap, session replay), competitor analysis. Decisioni basate sui dati, non sull'intuizione.
User flows & wireframes
Architettura informativa, user flow per ogni scenario rilevante, wireframe low-fi per validare struttura prima di investire in design hi-fi.
Hi-fi UI design (Figma)
Mockup completi in Figma con auto-layout, varianti, stati interattivi, dark mode quando rilevante. File aperto, editabile, con commenti del team.
Prototipo interattivo
Prototipo Figma con micro-interazioni e transizioni, testabile da stakeholder e utenti reali su Maze o usertesting.com — prima di scrivere una riga di codice.
Design system & tokens
Color, typography, spacing, radius, motion: tutto in design token JSON esportabili. Componenti Figma sincronizzati con la libreria dev (Storybook).
Dev handoff documentation
Specifiche pixel-perfect, asset esportati, breakpoint, accessibility notes, animation specs. Il dev team riceve tutto pronto — niente "torno a chiederti come va fatto".
Double Diamond. Adattato alla realtà PMI.
Discover → Define → Design → Validate. Quattro fasi, nessuna magia, niente "design sprint da una settimana che risolvono tutto".
-
01
Discover
Interviste utente (5-8 persone target), analytics review, competitor benchmark, stakeholder interview. Output: user research report con insight prioritizzati.
1-2 settimane Research report Personas -
02
Define
User flow per ogni scenario, information architecture, wireframe low-fi. Validazione strutturale con stakeholder prima di investire nel visual.
2 settimane User flow IA + wireframes -
03
Design
Hi-fi mockup Figma, design system con token e componenti riutilizzabili, prototipo interattivo. Iterazioni settimanali con il tuo team, mai "tana libera tutti" da 3 settimane.
3-5 settimane Hi-fi Figma Design system -
04
Validate & handoff
Usability testing su 5+ utenti (Maze, usertesting.com o moderato), iterazione sui bottleneck rilevati, dev handoff documentato. Restiamo disponibili per Q&A durante lo sviluppo.
1-2 settimane Usability test Dev support
Cosa ci distingue dalla "agenzia che fa anche un po' di grafica".
UX research vera, non assumed
5-8 interviste con utenti reali del tuo target, registrate, analizzate, sintetizzate in insight prioritizzati. Mai design basato su "secondo me" o sull'opinione del board. Sempre dati, sempre tracciabilità.
Design che viene davvero implementato
Lavoriamo dentro lo stesso team del Pilastro 02 (Sviluppo). Il design system esportato in design token e componenti React/Vue è direttamente consumabile dal dev team — niente "scusa ma in HTML non si può fare così".
Accessibility WCAG 2.1 AA di default
European Accessibility Act in vigore dal giugno 2025: la conformità WCAG non è più "nice to have" ma obbligatoria per chi vende online. Lo includiamo in ogni progetto — non come extra a fattura.
Design system, non mockup one-off
Disegnamo pensando alla scalabilità a 3 anni: tipografia, colori, spacing, componenti modulari. Quando dovrai aggiungere una nuova feature, non parti da zero — apri Figma e componi.
Le 6 domande che ci fanno tutti.
Quanto dura un progetto UX completo?
Redesign completo di un sito/web app medio: 8-12 settimane (Discover 2 + Define 2 + Design 4 + Validate 2).
Redesign di un singolo flusso (es. checkout, signup): 3-5 settimane.
Design system from scratch: 6-10 settimane, ma è un investimento che si ripaga su tutti i progetti successivi.
Le tempistiche dipendono dalla profondità della ricerca e dal numero di stakeholder coinvolti. Sotto le 4 settimane non è "UX design" — è pixel pushing.
Lavorate solo per ecommerce o anche per B2B / SaaS?
Lavoriamo su tutti e tre. Il processo è lo stesso, cambiano i pesi:
- Ecommerce: focus su conversion flow, PDP, checkout, configuratori.
- B2B: focus su lead generation, sales enablement, content discoverability.
- SaaS / tool interni: focus su data density, power-user efficiency, multi-tenant.
Le PMI italiane spesso hanno un mix dei tre (es. sito B2B + portale clienti + dashboard interna): in quel caso disegniamo un design system unico che governa tutti gli ambienti.
Cosa intendete esattamente per "usability testing"?
Test moderato o non-moderato con 5+ utenti del target reale (non amici, non dipendenti). I partecipanti devono completare task chiave (es. "trova questo prodotto e compralo") mentre noi misuriamo: task success rate, time on task, error rate, satisfaction.
Strumenti che usiamo: Maze per test non-moderati su prototipo, usertesting.com per test moderati video, Hotjar per session replay sul sito live.
I risultati vanno in un report sintetico con video clip dei momenti critici e raccomandazioni prioritizzate. Niente "il pulsante andrebbe più grande" — sempre "il 4/5 utenti ha cercato il CTA in alto a destra, considera di spostarlo lì".
Producete voi le illustrazioni / icone custom o vanno comprate?
Icone: di default usiamo set open-source consolidati (Lucide, Phosphor, Heroicons). Se serve un set custom, lo produciamo internamente con stroke e proporzioni coerenti.
Illustrazioni: per progetti di brand identity forte, produciamo illustrazioni su misura. Per progetti più tecnici, usiamo librerie con stile coerente (Storyset, Pablo, undraw — selezionate e ricolorate sul brand).
Foto: aiutiamo nella selezione da stock di qualità (Unsplash+, Pexels Pro) o nell'art direction per shooting su misura se necessario.
Quanto costa un redesign completo?
Il range tipico per progetti PMI italiane:
- Singolo flusso / landing: €4.000 - €9.000
- Redesign sito completo (10-25 pagine): €12.000 - €28.000
- Web app / SaaS UI completa: €18.000 - €45.000
- Design system from scratch: €15.000 - €35.000
Variabili che incidono: numero di stakeholder, complessità del business, quantità di ricerca utente richiesta, design system pre-esistente o no.
Tutti i progetti includono ricerca utente, prototipo testato e design system esportabile — non sono extra.
Posso coinvolgere il mio team di design interno?
Sì, lavoriamo in tre modalità:
- End-to-end: facciamo tutto noi (consigliato se non hai un designer interno).
- Augment del team: il tuo designer guida, noi facciamo research + handoff + design system (consigliato se hai un junior/mid che vuoi far crescere).
- Strategic only: facciamo discovery + IA + wireframe, il tuo team interno fa il visual design (consigliato se hai un senior con visione propria).
In tutti i casi, il design system finale è completamente tuo — niente lock-in.
UX e tech: due facce della stessa medaglia.
Un buon design senza una buona implementazione resta un Figma file. Per questo lavoriamo sempre integrati con il Pilastro 02.
Conversion Optimization
UX disegna, CRO misura e itera. A/B test sistematici sui flussi disegnati per validare le scelte.
Scopri → Pilastro 02Piattaforme Custom
Il design system esportato in token JSON diventa direttamente il tema della piattaforma.
Scopri → Pilastro 02WordPress & WooCommerce
Tema WordPress costruito sul tuo design system Figma — niente template comprati, niente "sembra come tutti gli altri".
Scopri →Mandaci il tuo sito. Lo facciamo a pezzi (in modo costruttivo).
30 minuti di call con UX audit live: passiamo insieme i flussi critici (homepage, contatti, checkout/lead form). Ti diciamo dove i tuoi utenti si bloccano e perché — senza obbligo di lavorare con noi.
Risposta entro 24h lavorative · NDA disponibile · GDPR compliant