Update cookies preferences

Informazioni sul progetto

Strumenti

Figma Confluence Jira

Jamie Thomas

"Lavorare con Carmelo è stato straordinario. È entrato nel nostro ambiente UX con sicurezza e chiarezza, contribuendo a definire alcune esperienze davvero critiche."

Jamie Thomas

Product Management Applications Lead at Pronto Software

Pronto Software è il principale fornitore ERP australiano, al servizio di medie e grandi imprese nei settori manifatturiero, distributivo e dei servizi. Di fronte a una trasformazione strategica dall'architettura legacy 4GL a una piattaforma cloud-native a microservizi, l'azienda ha lanciato l'iniziativa New Technology Stack (NTS) — e con essa, la necessità di costruire una pratica UX da zero.

Sono stato coinvolto come UX Designer Lead per fare esattamente questo: stabilire la disciplina del design, costruire il design system e plasmare l'esperienza del prodotto su ogni superficie di Pronto Xi — in un'organizzazione che aveva distribuito software per decenni senza un designer in sala. Il progetto abbraccia sei superfici di prodotto: l'Employee Portal (desktop e mobile), l'onboarding dei dipendenti, un assistente AI integrato, un sistema globale di navigazione e ricerca, un UI builder no-code e i percorsi di comunicazione con i clienti. A quattro anni di distanza, il lavoro è ancora attivo.

Design operations

Il problema: progettare la UX in una cultura engineering-first

Nessuna libreria di componenti. Nessun linguaggio visivo. Nessun processo condiviso tra design e ingegneria. La sfida non era solo progettare un'interfaccia migliore — era far contare il design all'interno di un'azienda che non ne aveva mai avuto bisogno. La realtà degli utenti era altrettanto frammentata. I responsabili delle paghe elaboravano manualmente i compensi dei dipendenti, monitoravano le variazioni dei fogli presenze su fogli di calcolo e si affidavano ai colleghi per verificare l'accuratezza dei dati. Il sistema non offriva alcuna visibilità proattiva — dovevano accedere per scoprire i problemi, anziché essere avvisati. L'onboarding avveniva tramite catene di email e moduli cartacei. Non esisteva un punto di accesso unico per i KPI — personale retribuito, totali lordi, varianze dei cicli di pagamento — e nessuna automazione dove era più necessaria. E l'architettura evolveva mentre costruivo. La transizione da un monolite a microservizi significava che le decisioni di design spesso dovevano precedere quelle ingegneristiche — non seguirle. I vincoli normativi — validazione della previdenza complementare, verifica dei conti BSB, GDPR/CCPA — aggiungevano ulteriore complessità. Ogni flusso doveva essere architetturalmente corretto prima di poter essere risolto visivamente.

Ricerca: il ritmo operativo del progetto

La ricerca non era una fase — era il ritmo operativo dell'intero progetto. Il processo è stato formalizzato in un framework DesOps che ho stabilito fin dall'inizio: Empatia → Definizione → Ideazione → Prototipazione → Test, con cicli di feedback ricorsivi tra discovery e delivery. Ogni sprint era fondato su evidenze documentate. Nessuna preferenza, nessuna assunzione.

Discovery: comprendere il sistema dall'interno

Il progetto è iniziato nel settembre 2022 con una fase di discovery strutturata. Prima che venisse disegnato un singolo wireframe, ho condotto workshop con il supporto del team UX e con il più ampio team di ingegneria per mappare l'architettura informativa esistente, ripercorrere i percorsi dei responsabili paghe e dei dipendenti, e identificare dove la struttura organizzativa del sistema legacy stava deludendo gli utenti. Queste sessioni hanno prodotto un documento Concept of Operations che articolava le caratteristiche del nuovo sistema e diventava lo strumento di allineamento tra design, prodotto e stakeholder ingegneristici. I requisiti non potevano essere scritti finché il ConOps non fosse stato validato; il ConOps non poteva essere validato finché i modelli mentali degli utenti non fossero stati compresi.

Ascoltare gli utenti

Sessioni di ricerca strutturate con i responsabili delle paghe e i team HR hanno portato alla luce una serie consistente e specifica di problemi. I responsabili delle paghe non ricevevano notifiche proattive quando qualcosa andava storto — scoprivano fogli presenze mancanti, permessi non approvati e anagrafiche dipendenti incomplete solo quando stavano già bloccando un ciclo di pagamento. Il sistema faceva affidamento su di loro per inseguire manualmente gli altri per dati che avrebbe potuto tracciare e scalare automaticamente. I loro obiettivi erano altrettanto chiari: un singolo dashboard che mostrasse stipendi, trend delle assenze, avanzamento del ciclo di pagamento e azioni HR in un'unica vista; promemoria automatici che escalassero lungo la catena di management se non risolti; e un'interfaccia per il ciclo di pagamento costruita per il monitoraggio passivo anziché per un intervento manuale costante.

Queste sessioni hanno anche prodotto un Payroll Storyboard — un documento di scenario multi-ruolo in stile swimlane che mappa l'intero ciclo di preparazione delle paghe tra HR manager, connettori, dipendenti, responsabili di linea e responsabili delle paghe. Non era un deliverable per l'ingegneria. Era una visione condivisa di come il sistema avrebbe dovuto comportarsi: proattivo, automatizzato e centrato sull'essere umano — lo standard rispetto al quale ogni successiva decisione di design sarebbe stata misurata.

concept-of-operations
Workshop di discovery — settembre 2022
Service blueprint e mappatura del percorso utente

Per l'onboarding dei dipendenti, la ricerca si è tradotta direttamente in un service blueprint che mappa l'intero ciclo di vita Pre-assunzione → Primo giorno → Post-onboarding su cinque dimensioni: azioni dell'utente, esperienza frontstage, processi di sistema backstage, processi di supporto e requisiti di conformità. Accanto ad esso, ho prodotto un diagramma swimlane con quattro corsie parallele — Nuovo Dipendente, Sistema, Responsabile Paghe (Pronto Xi), Responsabile Paghe (NTS) — che mostra esattamente dove le responsabilità si trasferivano tra i ruoli, dove il sistema doveva agire autonomamente e dove le decisioni umane erano inevitabili.

Questi artefatti non erano documentazione fine a se stessa. Erano lo strumento che ho usato per definire contemporaneamente i requisiti UX e la logica di business — flussi di schermata frontstage per i dipendenti (email di invito, registrazione, completamento delle attività, profilo) e flussi backstage per i responsabili delle paghe (creazione del dipendente, assegnazione delle attività, gestione della conformità SuperAPI, monitoraggio dei progressi). Il swimlane rendeva impossibile progettare uno senza comprendere l'altro.

user-journey
User Journey
flowchart
Diagramma Swimlane di alto livello
Service Blueprint
Service Blueprint
Onboarding-Viability-Flow
Flusso di fattibilità dell'onboarding
Analisi comparativa della concorrenza

Un'analisi comparativa strutturata ha esaminato quattro piattaforme — Workday, SAP SuccessFactors, Oracle e Odoo — valutando architettura informativa, chiarezza dell'interfaccia e completezza delle funzionalità in ambito paghe, gestione della forza lavoro e self-service per i dipendenti. Workday è emerso come benchmark: moderno, pulito, con automazione intelligente e un'esperienza incentrata sulle persone. SAP e Odoo sono stati valutati positivamente — ricchi di contenuti ma che richiedono impegno per la navigazione. Oracle non raggiungeva la fluidità attesa.

Le lacune identificate in questa analisi hanno informato direttamente la direzione di design per la navigazione, il launchpad e i flussi di onboarding di Pronto Xi. In particolare, il benchmarking ha rafforzato ciò che gli utenti avevano già detto: le piattaforme leader non costringevano gli utenti a cercare i problemi — li portavano proattivamente in superficie.

Testare i modelli di navigazione prima di scegliere

La navigazione è stata una delle decisioni ad alto rischio dell'intero progetto. Sbagliare avrebbe influenzato ogni utente, ogni giorno. Prima di proporre una direzione, ho condotto una valutazione euristica del sistema esistente rispetto a 16 principi di usabilità consolidati — che coprono coerenza, efficienza, apprendibilità, prevenzione degli errori, accessibilità, accesso basato sui ruoli e aiuto contestuale — per documentare esattamente dove l'architettura attuale falliva.

Ho poi progettato e testato cinque distinti modelli di navigazione, ciascuno rappresentante un approccio strutturale diverso. Il Modello 0 era lo stato attuale: un albero laterale verticale con rail comprimibile. I Modelli da 1 a 4 introducevano variazioni progressive — navigazione top-shell con menu a tendina, menu personalizzati specifici per il business, navigazione contestuale subshell, retrocessione con breadcrumb e combinazioni di rail LHS con dropdown modulari. Ciascuno è stato prototipato e testato con utenti reali attraverso sessioni strutturate con scenari di attività specifici e un sondaggio Microsoft Forms che raccoglieva dati sia qualitativi che quantitativi.

I test hanno rivelato qualcosa di importante: gli utenti apprezzavano costantemente una landing page pulita e ben categorizzata e un'identificazione chiara dei moduli, ma erano confusi da qualsiasi navigazione divisa in cui il punto di ingresso e la navigazione di secondo livello si trovavano in posti diversi. Il pulsante home non era identificabile nei modelli che lo nascondevano. "Panoramica" come etichetta non significava nulla senza contesto. Il modello vincente combinava una navigazione superiore consolidata, breadcrumb forti e un dropdown contestuale che ridisegnava "Panoramica" come gateway verso dashboard, bacheca di lavoro e vista manager.

Questi risultati non erano solo utili — erano decisivi. Il sistema di navigazione finale è stato costruito direttamente da ciò che gli utenti hanno rifiutato e da ciò che hanno approvato.

Design: dal sistema alla superficie

La ricerca ci ha dato le fondamenta. Il design è stato il modo in cui abbiamo costruito su di esse — iterativamente, in stretta collaborazione con l'ingegneria, e sempre riconducibile a una necessità utente documentata.

Un design system costruito per durare

Il design system è diventato l'infrastruttura operativa dell'intero prodotto. Costruito su IBM Carbon v11 ed esteso con componenti specifici per Pronto Xi, copre 44 componenti su 56 pagine documentate — con un sistema completo di token per colori, spaziature ed effetti. Dove Carbon aveva lacune per le esigenze ERP, i componenti sono stati costruiti da zero. Un chiaro ciclo di vita governava ogni componente: Labs → Preview → Stable. L'ingegneria sapeva sempre esattamente cosa era pronto per essere sviluppato.

Tre componenti AI-nativi — etichetta AI, layer AI e popover di spiegabilità AI — sono stati progettati nel sistema prima del lancio di Pronto Pixi. Quando il prodotto era pronto per l'AI, l'infrastruttura lo era già. Nessun retrofit, nessuno sprint di recupero.

Token di design e componenti erano collegati in tempo reale al codebase di ingegneria tramite Code Connect, rendendo il design system l'unica fonte di verità per entrambi i team ed eliminando completamente l'attrito nell'handoff.

pronto-ui
Design dell'interfaccia Pronto
component-lifecycle
Ciclo di vita dei componenti e Code Connect
Navigazione e architettura informativa

I risultati della ricerca si sono tradotti direttamente in un'architettura di navigazione basata sul modello HUB–SPOKE–OBJECT: un launchpad centrale come punto di ingresso, viste Spoke per l'interazione a livello di lista e pagine Object per i flussi di record dettagliati. Gli utenti possono navigare dal launchpad a qualsiasi programma specifico approfondendo solo tre livelli — nessuna nidificazione profonda, nessun contesto perso.

Cinque tipi di template SPOKE — Object Page, Overview, Analytical, Fast Entry / Wizard e List Report — danno a ogni schermata una struttura coerente, in modo che gli utenti sappiano sempre dove si trovano e come tornare indietro. Il risultato è stato un miglioramento del 40% nei tempi di completamento dei task, validato attraverso più cicli di test utente documentati.

hub-and-spoke
Rete applicativa — modello Hub and Spoke
hub-and-spoke2
Esempio di navigazione
Pronto AI integrato nel prodotto

Pronto AI è l'assistente AI conversazionale per Pronto Xi, fondato su una fase di ricerca che ha applicato un modello di contesto AI — mappando Umano (esperti di dominio), Business (esigenze operative), Macchina (capacità ML) e Mondo (dati e policy esterne) — per definire dove l'AI potrebbe genuinamente aggiungere valore anziché generare rumore.

L'assistente è stato progettato in due modalità. La modalità Assistiva si manifesta in linea all'interno del flusso di lavoro corrente — rispondendo alle query senza interrompere il contesto dell'utente. La modalità Immersiva è un'interfaccia conversazionale a schermo intero con cronologia della chat, funzionalità di rinomina e archiviazione e input vocale in tempo reale.

Il POC è stato presentato alla conferenza di vendita di Pronto prima di passare al design di produzione completo. Poiché i componenti AI erano già nel design system, il lancio di Pronto AI non ha richiesto alcun rework strutturale — solo esecuzione.

pronto-ai
Pronto AI — Chat immersiva iniziale
immersive-chat
Chat immersiva — Prompt e output
immersive-chat
Chat immersiva — Report nel pannello laterale
assistive-chat
Chat assistiva espansa
Onboarding dei dipendenti — il veicolo di lancio

L'onboarding dei dipendenti è stata la prima area di prodotto a essere lanciata sulla nuova piattaforma, e l'investimento nella ricerca era proporzionato alla sua complessità. Il diagramma swimlane, il service blueprint e l'analisi del processo XOnboard/SuperAPI si sono tutti alimentati direttamente nel design finale.

Sono stati progettati quattro flussi specifici per ruolo — per il nuovo dipendente, il responsabile delle paghe, il datore di lavoro e il lancio dell'app paghe — ciascuno raggiungendo V1 Stable con documentazione con versione indipendente. Il flusso del dipendente comprendeva invito tramite autenticazione basata su token, verifica dell'identità, dettagli personali e di contatto, inserimento del codice fiscale, configurazione del conto bancario, selezione della previdenza complementare tramite SuperAPI e revisione dei dettagli del datore di lavoro. Il flusso del responsabile delle paghe comprendeva la creazione del dipendente, la gestione delle sessioni di onboarding, il monitoraggio della conformità SuperAPI, l'assegnazione delle attività e il monitoraggio dei progressi dal dashboard NTS.

Il design si estendeva ben oltre le schermate. I punti di contatto email, l'autenticazione 2FA, un service blueprint completo e la conformità ATO tramite SuperAPI facevano tutti parte dello scope. Questo era prima di tutto un problema di service design, e solo in secondo luogo un esercizio di delivery di schermate.

integration-workflow
Flowchart XOnboard — Integrazione Datore di lavoro / Dipendente
employee-and-payroll-officer-app-launch
Lancio dell'app per Dipendente e Responsabile Paghe
employee-flow
Screenflow onboarding dipendente
payroll-officer-flow
Screenflow configurazione responsabile paghe
Employee Portal — la superficie quotidiana principale

L'Employee Portal copre dettagli personali, registri lavorativi, congedi, fogli presenze, viste manager, cambio azienda e impostazioni utente — sia su desktop che su mobile. I dettagli sull'impiego da soli hanno attraversato tre cicli di valutazione formale, ciascuno iterato rispetto al feedback ingegneristico e ai test utente prima di raggiungere l'attuale MVP. Le viste manager sono progettate come un livello di accesso distinto — responsabilità diverse, stesso linguaggio di design.

employee-portal
Employee Portal — Vista dipendente
employee-portal-manager
Employee Portal — Vista manager
Pronto UI Studio — UX per il builder stesso

Il design system non era solo per gli utenti finali — doveva funzionare anche per gli sviluppatori che vi costruivano sopra. Pronto UI Studio è un layout builder no-code che consente agli sviluppatori di comporre schermate trascinando componenti in griglie responsive. Ma il builder originale aveva un problema di usabilità suo: gli sviluppatori non riuscivano a capire facilmente dove posizionare i componenti, come colonne e righe si relazionassero tra loro, o quali componenti fossero compatibili con quali zone.

Ho affrontato questo nel modo in cui ho affrontato ogni altra superficie — comprendendo prima l'utente. Gli sviluppatori avevano bisogno di segnali visivi più chiari per le zone di rilascio compatibili, differenziazione con codice colore tra le aree di layout, feedback in tempo reale quando un componente veniva rilasciato in un punto incompatibile e testo di aiuto che riduceva le congetture senza richiedere documentazione. Il benchmarking rispetto a IBM Carbon UI Builder, SAP Business Technology Platform e Bubble.io ha identificato i pattern che funzionavano meglio a questa scala. La soluzione ha aggiunto un pannello di componenti categorizzato a sinistra, etichette chiare e codifica cromatica sulla canvas e un pannello di proprietà avanzate a destra — trasformando uno strumento opaco in qualcosa che gli sviluppatori potevano usare con fiducia.

pronto-UI-builder
UI Builder — Pagina iniziale
pronto-UI-builder-canvas
UI Builder in azione
Requisiti di prodotto e service design

La UX ha guidato la definizione del prodotto in ogni fase. Ho redatto requisiti completi su sette aree di funzionalità con user story, stime degli sprint e mapping delle release — tutto documentato in Confluence e utilizzato come riferimento operativo per ingegneria, prodotto e stakeholder. Il lavoro non si è fermato a Figma. Ha plasmato il backlog e ha dato al team un linguaggio condiviso per prendere decisioni insieme.

Sfide

Costruire la credibilità del design

In un'organizzazione guidata dall'ingegneria che aveva distribuito software per decenni senza un designer, l'autorità doveva essere conquistata sprint dopo sprint — contribuendo alle decisioni architetturali, non solo consegnando schermate.

Progettare mentre l'architettura evolveva

La transizione da un monolite a microservizi significava che i requisiti spesso dovevano essere definiti prima che esistesse l'infrastruttura che li avrebbe serviti. Gli artefatti ConOps e swimlane erano gli strumenti che mantenevano design e ingegneria allineati in quella incertezza.

La conformità come vincolo di design

Validazione della previdenza complementare, verifica BSB, GDPR e CCPA — ogni flusso doveva essere legalmente e architetturalmente solido prima di poter essere risolto visivamente. I requisiti normativi hanno plasmato le decisioni di interazione in ogni fase.

Progettare per l'AI prima che l'AI fosse pronta

Integrare componenti AI nel sistema fin dall'inizio richiedeva convinzione su dove stesse andando il prodotto. Quella convinzione ha ripagato — nessun rework quando Pronto AI è stato lanciato.

Scala e coerenza su cinque ruoli e sei superfici

Il design system era la risposta, ma solo perché è stato costruito come infrastruttura, non come decorazione.

Impatto

Il 90% dei casi d'uso MVP ha superato i test utente. L'efficienza di navigazione è migliorata del 40%. Il posizionamento UX competitivo è migliorato del 30% rispetto ai benchmark di Workday, SAP, Oracle e Odoo. A quattro anni dall'inizio del progetto, il lavoro continua — perché integrare la UX come disciplina strategica all'interno di un'organizzazione di prodotto non termina con la consegna.

90%

Casi d'uso MVP superati nei test utente

40%

Miglioramento dell'efficienza di navigazione

30%

Miglioramento nel posizionamento UX competitivo

Vantaggio UX competitivo

Miglioramento del 30% nel posizionamento UX competitivo — misurato rispetto a Workday, SAP SuccessFactors, Oracle e Odoo tramite un'analisi comparativa strutturata.

Efficienza di navigazione

Miglioramento del 40% nei tempi di completamento dei task — validato su 88 frame di test di navigazione e iterato attraverso multiple sessioni di feedback utente documentate.

Tasso di successo dell'MVP

90% dei casi d'uso validati nei test utente — su 576 frame pronti per la produzione nel flusso MVP, coprendo tutti e cinque i ruoli utente, sei superfici di prodotto e oltre 22 mesi di coinvolgimento attivo.

Una sfida simile?

Se stai scalando la UX su più prodotti, integrando la pratica del design in un'organizzazione guidata dall'ingegneria, o costruendo design system come infrastruttura operativa — questo modello di collaborazione (leadership UX continuativa e integrata) è il modo in cui lavoro meglio.

Pronto Software aveva bisogno di più che semplici schermate. Aveva bisogno di una pratica di design, di un sistema su cui costruire e di un designer capace di parlare entrambe le lingue — business e ingegneria — e tenerle insieme. È quello che questo progetto ha consegnato, e continua a consegnare.

Vuoi saperne di più?

Richiedi il case study completo o i file di lavoro per scoprire come porto valore straordinario. Vivi l'impatto in prima persona!

Altri case study

pronto-nts
PRONTO NTS

Costruzione della UX da zero all’interno della principale piattaforma ERP australiana

mint
MINT

Automazione degli Ad-Ops attraverso un approccio progettuale integrato

generali
GENERALI

Costruire l’eccellenza di progettazione in-house con soluzioni scalabili ed efficienti

Mostra altri
mint
MINT

Automazione degli Ad-Ops attraverso un approccio progettuale integrato

generali
GENERALI

Costruire l’eccellenza di progettazione in-house con soluzioni scalabili ed efficienti

pronto
PRONTO

Standardizzazione e aumento della qualità dell'interfaccia web di Pronto

banco
BANCO BPPM

Un framework come plug-in progettuale per le piattaforme web

accenture
ACCENTURE

Migliorare la gestione del design dell'interazione: una prospettiva personale

hmi-manufacturing
HMI PER LA PRODUZIONE

Interfacce industriali incentrate sull’operatore, tra efficienza e conformità

intesa
INTESA SAN PAOLO

Una nuova esperienza di concessione del credito

polestar-hmi
POLESTAR HMI

Sicurezza e umanità nell’interfaccia, con un motore DesignOps

job-card
PEDDERS

Un'esperienza rinnovata per le schede di lavoro elettroniche

lorraine
LORRAINE LEA

Soluzione e-business su misura: siti B2C e B2B, CRM e portale vendite

pronto-suite
PRONTO SUITE

Trasformazione dell' App Suite di Pronto

Ask to Carmelo’s AI

👋 Hi! I'm Carmelo's AI assistant. I'm trained on his portfolio, case studies, and expertise in design and digital transformation. Ask me anything about his work, design process, or career!

This AI model is in beta and may not always be accurate.