Blagoweb — Header Impeccabile
User Experience Design — Ricerca utente, prototipi, UI testabile · Blagoweb
Pilastro 01 · Conversion Marketing

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
Cosa progettiamo

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 · Signup

Landing 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 interni

Interfacce 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 · Account

Product 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 · Pattern

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

Cosa è incluso

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

Come lavoriamo

Double Diamond. Adattato alla realtà PMI.

Discover → Define → Design → Validate. Quattro fasi, nessuna magia, niente "design sprint da una settimana che risolvono tutto".

  1. 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
  2. 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
  3. 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
  4. 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
Perché Blagoweb

Cosa ci distingue dalla "agenzia che fa anche un po' di grafica".

01

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

02

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

03

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.

04

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.

FAQ

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.

Iniziamo da un audit

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