Case study  ·  Banking

NPL field agents app

Two applications for one process.
One application for web and mobile.

Banking group · NPL debt recovery · Progressive Web App · Angular

Tell us about your case How we got there

From two applications with overlapping features to one solution

Android app Field agents Web portal NPL recovery firms Partly overlapping features One single PWA Angular · reachable from a browser and from mobile devices Architecture and security standards already used by the bank The back end was re-engineered, reusing existing logic and components where possible. AGENTI NPL is a base to build on, starting with third-party debt recovery.
2 → 1applications replaced by one
PWAone application for web and mobile
Angularbuilt to the bank’s architecture standards
Weekly sprintswith the end users involved

Diagram of the work: the two original applications and the Progressive Web App that unifies them.

The need

Two applications to maintain for one process.

The bank ran two applications for its debt recovery process: an Android app for the external agents and a web portal for the NPL recovery firms. Because the features partly overlapped, development and maintenance were done twice. Both had security weaknesses and an application structure that was hard to maintain. When the original supplier’s support ended, the system had to be redesigned.

Everything done twice

Features present on both platforms needed separate work for every update and every fix, which doubled the effort of keeping them alive.

Security to bring up to standard

The security weaknesses called for work on the application architecture, and for a more consistent way of meeting the bank’s security requirements.

An architecture hard to maintain

The way the applications were built made both fixes and new features complicated.

The original supplier’s support ending

With the original supplier’s support ending, the bank needed a new solution it could build and maintain.

What we did

From two applications to one PWA.

Add Value built an Angular Progressive Web App that brings together the features of the two previous applications. It is reachable from a browser and from mobile devices, and follows the bank’s own architecture standards and security models.

PHASE 01PHASE 02 PHASE 03PHASE 04 Analysis andrationalisation Interfacedesign Front end andback endbuilt Featuresextended The features of bothapplications analysed, tofind the overlaps andthe parts worthrationalising. Interfaces prototyped inFigma, with inputs andoutputs agreed beforedevelopment. Front end and back endbuilt in parallel,through weeklysprints. It starts with third-party debtrecovery, and is built to growfrom there. WEEKLY SPRINTS — END USERS INVOLVED THROUGHOUT DEVELOPMENT Features unified Prototypes validated beforedevelopment Back end re-engineered New signing methods plannedin the roadmap

The project in full

Building one application for web and mobile.

Add Value built an Angular Progressive Web App bringing together the features of the existing Android app and web portal. It is reachable from a browser and from mobile devices, and follows the bank’s architecture standards and security models. The work ran in weekly sprints, with inputs and outputs agreed in advance, interfaces prototyped in Figma and the end users brought in progressively. Front end and back end were built in parallel.

AGENTI NPL is a new application base for third-party debt recovery. The features of the previous solutions were rationalised and the back end re-engineered, reusing existing logic and components where possible. The structure was prepared for the system to keep growing.

The method

A development process built on weekly sprints.

The project ran in weekly sprints, with the technical teams, architecture and end users working together throughout. Each cycle agreed the work, checked the result and gathered what was needed for the next one.

Planning

Inputs and outputs agreed

Before each sprint the inputs, the expected outputs and the scope are agreed, so the work fits into weekly cycles.

Interface

Interfaces prototyped

The interfaces are built in Figma and shared with the end users, to gather comments and validate the screens before development starts.

Build

Front end and back end built in parallel

Front end and back end are built in parallel. The back end was re-engineered, reusing existing logic and components where possible.

Check

Users involved during development

The end users take part in the checks through the sprints, which surfaces feedback and any drift before final testing.

The result

One application, ready to grow.

The project replaced the two previous applications with one Progressive Web App, which stopped the duplicated development and maintenance. The new architecture gives a base that is easier to maintain and extend, on which to carry over the remaining features and add new signing methods.

01

One application to build, maintain and update

02

Browser and mobile access through a single application

03

An architecture following the bank’s own standards and security models

04

A base ready for the remaining features and for new signing methods

05

A development process built on weekly sprints and continuous validation

The project also kept the technical teams, architecture and end users working together, through weekly sprints and progressive checks.

Inside the project

One application, three audiences.

The new application answers the people involved in the process: the external agents, the recovery firms, and the bank’s IT and security functions.

One application for web and mobile

The external agents used to have a dedicated Android app. With the new Progressive Web App they reach the same application from mobile devices and from a browser, with no separate platform.

  • One Progressive Web App for web and mobile
  • Interfaces checked through Figma prototypes
  • New signing methods on the roadmap
Agents view

Features for third-party debt recovery

The new application brings together what the NPL recovery firms and the external agents used. It starts from third-party debt recovery, rationalising the functions that were split between the web portal and the Android app.

  • Both applications’ features analysed and rationalised
  • The remaining features carried over progressively
  • One application for everyone involved in the process
Recovery view

Aligned to the architecture and security standards

The Progressive Web App was built to the architecture standards and security models the bank already uses, and fits into the existing technology estate.

  • The bank’s own security models applied
  • The weaknesses of the previous applications resolved
  • Back end re-engineered to be easier to maintain
Security view

Technologies and areas

AngularProgressive Web AppFigma Weekly sprintsBack-end re-engineering Web and mobileNPLDebt recovery

Keep reading

Other stories

How often do you do
the same work
on two systems?