Trasformare software.
Senza riscriverli.
Prima / dopo
La pagina resta la stessa. Quello che può fare, no.
MyMeta legge, aggiunge guide, modifica la UI e introduce nuovi comportamenti. L’originale rimane intatto.
Pagina originale + frizione
Stessa pagina + un’esperienza costruita su misura
L’evoluzione
Da guide step-by-step a piattaforma low-code.
Tre versioni, una trasformazione continua. La storia resta visibile tutta insieme: niente tab, niente passaggi nascosti.
Guide step-by-step.
La console permetteva di costruire percorsi guidati e tooltip. Il lavoro è iniziato da qui: portare moduli e configurazioni verso una nuova base, preservando la retrocompatibilità.
Non solo guidare. Costruire.
Il porting in Angular ha aperto una fase nuova: non più soltanto guidare l’utente, ma intervenire su UX, UI e comportamento della pagina attraverso una console low-code.
Il prodotto maturo.
Draw, WYSIWYG, repeater, publish segmentato, preconditions, Dev Tools e Maestro. La console è diventata un ambiente completo per costruire, osservare e mantenere esperienze complesse.
Tutto il materiale mostrato appartiene a un ambiente demo.
La sfida tecnica
02Eseguire tutto, senza farsi vedere.
Client è il core engine del modulo Build: interpreta ciò che viene creato nella console, carica soltanto le configurazioni necessarie e le esegue nella pagina sottostante. È la parte tecnicamente più complessa su cui abbia lavorato.
01 · Input
Console
L’utente costruisce la configurazione.
02 · Dati
Config
Azioni, condizioni, trigger e parametri.
03 · Core
Client
Interpreta, carica ed esegue.
04 · Output
Pagina
L’esperienza cambia in tempo reale.
Build preconditions
Suddividere le configurazioni e caricare soltanto ciò che serve, quando serve: un cambiamento decisivo per le prestazioni.
Dev Tools
Log di esecuzione, variabili interne e registrazione delle performance di ogni singolo atomo.
Il prodotto maturo
Dai requisiti alla pubblicazione, senza fogli sparsi.
Maestro ha portato requisiti, configurazioni collegate e stato del progetto nello stesso ambiente. Non solo costruire: capire cosa esiste, perché e dove finirà.
- 01
Requisiti strutturati al posto del vecchio foglio Excel.
- 02
Configurazioni collegate a ogni richiesta del cliente.
- 03
Impatto diretto su salvataggio e pubblicazione.
La demo più complessa
Una Talent Card. Molti clienti. Una configurazione.
La sfida era recuperare e aggregare tutte le informazioni mostrate usando soltanto le API OData di SAP. Input e output potevano cambiare per ogni cliente; il core engine gestiva il resto.
- SAP
- Informazioni recuperate attraverso le sole API OData.
- Dati cliente
- Input e output definiti con una configurazione parametrica.
- Client engine
- Recupero, composizione e rendering gestiti automaticamente.
- Talent Card
- Una demo complessa, adattabile a clienti diversi con uno sforzo minimo.