Case study  ·  Banche

App Agenti NPL

Due applicativi per lo stesso processo.
Un’unica applicazione per web e mobile.

Gruppo bancario · recupero crediti NPL · Progressive Web App · Angular

Parliamo del vostro caso Come ci siamo arrivati

Da due applicazioni con funzionalità sovrapposte a un’unica soluzione

App Android Agenti sul campo Portale web Società di recupero crediti NPL Funzionalità in parte sovrapposte Un’unica PWA Angular · accessibile da browser e dispositivi mobili Standard architetturali e di sicurezza adottati dalla banca Il backend è stato reingegnerizzato, riutilizzando dove possibile logiche e componenti esistenti. AGENTI NPL è una base applicativa evolutiva, inizialmente dedicata al recupero crediti conto terzi.
2 → 1applicativi sostituiti da un’unica soluzione
PWAun’unica applicazione per web e mobile
Angularsviluppata secondo gli standard architetturali della banca
Sprint settimanalicon il coinvolgimento degli utenti finali

Schema dell’intervento: le due applicazioni originarie e la Progressive Web App che le unifica.

L’esigenza

Due applicazioni da gestire per lo stesso processo.

La banca utilizzava due applicazioni per gestire il processo di recupero crediti: un’app Android per gli agenti esterni e un portale web per le società di recupero NPL. Le funzionalità in parte sovrapposte comportavano attività duplicate di sviluppo e manutenzione. Le soluzioni presentavano inoltre criticità di sicurezza informatica e una struttura applicativa difficile da mantenere. La fine del supporto da parte del fornitore originario ha reso necessario riprogettare il sistema.

Duplicazione delle attività di sviluppo e manutenzione

Le funzionalità presenti su entrambe le piattaforme richiedevano interventi separati per ogni aggiornamento e correzione, aumentando il lavoro necessario per mantenere le applicazioni.

Requisiti di sicurezza da adeguare

Le criticità di sicurezza richiedevano un intervento sull’architettura applicativa, anche per rendere più coerente la gestione dei requisiti di sicurezza della banca.

Architettura applicativa difficile da mantenere

La struttura delle applicazioni rendeva complessi gli interventi correttivi e l’introduzione di nuove funzionalità.

Fine del supporto del fornitore originario

Con la fine del supporto del fornitore originario, la banca aveva la necessità di individuare una nuova soluzione da sviluppare e mantenere.

Cosa abbiamo fatto

Dalla duplicazione delle applicazioni a un’unica PWA.

Add Value ha realizzato una Progressive Web App in Angular che riunisce le funzionalità delle due applicazioni precedenti. La nuova soluzione è accessibile da browser e dispositivi mobili ed è sviluppata secondo gli standard architetturali e i modelli di sicurezza della banca.

FASE 01FASE 02 FASE 03FASE 04 Analisi erazionalizzazione Progettazionedelle interfacce Sviluppo difrontend ebackend Estensione dellefunzionalità Analisi delle funzionalitàdelle due applicazioni perindividuaresovrapposizioni ecomponenti darazionalizzare. Prototipi delle interfaccein Figma, con input eoutput definiti primadello sviluppo. Frontend e backendsviluppati in parallelo,attraverso sprintsettimanali. La nuova applicazione parte dalrecupero crediti conto terzi, conpossibilità di evoluzione progressiva. SPRINT SETTIMANALI — COINVOLGIMENTO DEGLI UTENTI FINALI DURANTE LO SVILUPPO Funzionalità unificate Prototipi validati prima dellosviluppo Backend reingegnerizzato Introduzione di nuove modalità di firmaprevista nel percorso evolutivo

Il progetto per esteso

Sviluppo di un’unica applicazione per web e mobile.

Add Value ha realizzato una Progressive Web App in Angular per riunire in un’unica soluzione le funzionalità dell’app Android e del portale web esistenti. L’applicazione è accessibile da browser e dispositivi mobili ed è stata sviluppata in linea con gli standard architetturali e i modelli di sicurezza della banca. Il lavoro è stato organizzato in sprint settimanali, con definizione preventiva degli input e degli output, prototipazione delle interfacce in Figma e coinvolgimento progressivo degli utenti finali. Frontend e backend sono stati sviluppati in parallelo.

AGENTI NPL costituisce una nuova base applicativa per le attività di recupero crediti conto terzi. Le funzionalità delle soluzioni precedenti sono state razionalizzate e il backend è stato reingegnerizzato, riutilizzando, dove possibile, logiche e componenti già disponibili. La struttura è stata predisposta per successive evoluzioni del sistema.

Il metodo

Un processo di sviluppo basato su sprint settimanali.

Il progetto è stato organizzato attraverso sprint settimanali, con una collaborazione continuativa tra team tecnici, architettura e utenti finali. Ogni ciclo ha previsto la definizione delle attività, la verifica dei risultati e la raccolta dei riscontri necessari per lo sviluppo successivo.

Pianificazione

Definizione di input e output

Prima di ogni sprint vengono definiti gli input, gli output attesi e il perimetro delle attività, così da organizzare il lavoro in cicli settimanali.

Progettazione

Prototipazione delle interfacce

Le interfacce vengono realizzate in Figma e condivise con gli utenti finali per raccogliere osservazioni e validare le schermate prima dello sviluppo.

Realizzazione

Sviluppo parallelo di frontend e backend

Frontend e backend vengono sviluppati in parallelo. Il backend è stato reingegnerizzato, riutilizzando dove possibile logiche e componenti esistenti.

Verifica

Coinvolgimento degli utenti durante lo sviluppo

Gli utenti finali partecipano alle verifiche durante i diversi sprint, consentendo di raccogliere riscontri e individuare eventuali scostamenti prima del collaudo finale.

Il risultato

Un’unica applicazione, pronta per evolvere.

Il progetto ha permesso di sostituire le due applicazioni precedenti con un’unica Progressive Web App, riducendo la duplicazione delle attività di sviluppo e manutenzione. La nuova architettura offre una base applicativa più manutenibile ed estendibile, sulla quale proseguire il trasferimento delle funzionalità esistenti e introdurre nuove modalità di firma.

01

Un’unica applicazione da sviluppare, mantenere e aggiornare

02

Accesso da browser e dispositivi mobili attraverso un’unica applicazione

03

Architettura sviluppata secondo gli standard e i modelli di sicurezza della banca

04

Base predisposta per il trasferimento progressivo delle funzionalità e l’introduzione di nuove modalità di firma

05

Un processo di sviluppo basato su sprint settimanali e validazione continua

Il progetto ha previsto anche una collaborazione continuativa tra team tecnici, architettura e utenti finali, attraverso sprint settimanali e verifiche progressive dei risultati.

Dentro il progetto

Un’applicazione per tre ambiti operativi.

La nuova applicazione risponde alle esigenze dei diversi soggetti coinvolti nel processo: agenti esterni, società di recupero crediti e funzioni IT e sicurezza della banca.

Un’unica applicazione per web e dispositivi mobili

In precedenza gli agenti esterni utilizzavano un’app Android dedicata. Con la nuova Progressive Web App possono accedere allo stesso applicativo da dispositivi mobili e browser, senza dover utilizzare piattaforme differenti.

  • Un’unica Progressive Web App per web e mobile
  • Interfacce verificate attraverso prototipi in Figma
  • Introduzione di nuove modalità di firma nel percorso evolutivo
Vista agenti

Funzionalità per il recupero crediti conto terzi

La nuova applicazione riunisce le funzionalità utilizzate dalle società di recupero NPL e dagli agenti esterni. Il progetto parte dal recupero crediti conto terzi, razionalizzando le funzioni precedentemente distribuite tra il portale web e l’app Android.

  • Funzionalità delle due applicazioni analizzate e razionalizzate
  • Trasferimento progressivo delle funzionalità esistenti
  • Un’unica applicazione per i diversi soggetti coinvolti nel processo
Vista recupero

Allineamento agli standard architetturali e di sicurezza

La Progressive Web App è stata sviluppata secondo gli standard architetturali e i modelli di sicurezza già adottati dalla banca, integrandosi nel quadro tecnologico esistente.

  • Applicazione dei modelli di sicurezza adottati dalla banca
  • Superamento delle criticità delle applicazioni precedenti
  • Backend reingegnerizzato per facilitarne la manutenzione
Vista sicurezza

Tecnologie e ambiti

AngularProgressive Web AppFigma Sprint settimanaliReingegnerizzazione del backend Web e dispositivi mobiliNPLRecupero crediti

Continua a leggere

Altre storie

Quante volte fate
lo stesso lavoro
su due sistemi?