React · Redux · Pagamenti digitali per aziende

Centralizzare la conferma OTP nei flussi Nexi Business.

Il progetto

Contesto generale

Nexi offre alle aziende strumenti digitali per pagamenti, carte e gestione operativa. All’interno di Nexi Business, diversi percorsi sensibili richiedevano una conferma tramite One Time Password.

La difficoltà non era mostrare una singola schermata OTP. Registrazione business, gestione dell’account e operazioni di pagamento potevano arrivare alla conferma dopo sequenze, stati e controlli differenti.

Siamo stati incaricati di progettare e sviluppare un componente centralizzato capace di inserirsi in questi percorsi senza duplicare la stessa logica per ogni funzionalità. Il componente doveva rispettare l’architettura React esistente e i design forniti in Figma.

Il risultato è stato un unico punto frontend per gestire l’esperienza OTP, mentre ogni processo business poteva mantenere i propri passaggi e requisiti prima della conferma.

Piattaforma
React · Redux
Ambito
Pagamenti digitali per aziende
Soluzioni consegnate
01
Evidenza di delivery
Un componente OTP riutilizzabile per tre categorie di flusso: registrazione, gestione account e pagamenti.
Il nostro ruolo
Progettazione e sviluppo frontend del componente OTP condiviso, integrazione nell’architettura esistente e implementazione dei design Figma.

Soluzioni consegnate

Soluzioni distinte per esigenze concrete.

Ogni soluzione affronta un vincolo tecnico o operativo preciso. Insieme mostrano come contribuiamo attraverso sviluppo custom, integrazioni, migrazioni, replatforming o capacità engineering inserita nel team.

01

Componente OTP riutilizzabile per flussi business differenti

Sfida tecnica

Più percorsi Nexi Business richiedevano una verifica OTP, ma ciascuno poteva prevedere stati, conferme e passaggi preliminari differenti. Implementare l’OTP separatamente in ogni flusso avrebbe duplicato logica, validazione e comportamento dell’interfaccia.

Soluzione consegnata

Abbiamo sviluppato un componente React centralizzato utilizzabile dai diversi processi business. Redux coordinava lo stato applicativo e Redux Form gestiva stato e validazione dei form. Il componente implementava l’interfaccia definita in Figma e si integrava con l’architettura esistente, che abbiamo analizzato e corretto nei punti necessari per supportare il nuovo flusso condiviso.

Valore operativo

Registrazione, gestione account e processi di pagamento potevano convergere sulla stessa esperienza OTP senza perdere le regole specifiche dei rispettivi percorsi. Nexi disponeva così di una base coerente e riutilizzabile per estendere la conferma OTP ad altri flussi.

Tecnologie e sistemi

ReactReduxRedux FormFigmaForm validationReusable component architecture

Avete un’esigenza simile?

Parliamo del vostro prossimo progetto software.

Condividete obiettivo, stack e vincoli. Possiamo valutare sia una soluzione dedicata sia capacità engineering continuativa inserita nel vostro team.

Parliamo del vostro progetto