NML

Stanlib Onboarder

Design, UX, Front-end Development, Custom Software Development

A digital client onboarding tool to improve acquisition of new Stanlib customers without requiring input from financial advisors.

Automated Client On-boarding for The Investment Industry

Problem: The on-boarding of financial clients for Stanlib Tax-Free Savings Accounts is a slow and cumbersome process, discouraging new clients and burdening financial institutions in admin and overhead costs.

Solution: Design and develop a web application so that new clients (investors) can apply for a STANLIB Tax-Free Savings Account online.

Stanlib Onboarder landing page

Feature Highlights

  • Single page application
  • Projected returns graph on investment
  • Submit South African ID document or Smart ID via file upload or real-time photo
  • SVS verification on ID document
  • SMS notifications
  • Save-Resume functionality on application
  • Track web appliction usability with Google Tag Manager
Stanlib Onboarder funds page
Stanlib Onboarder identification page

Technology Used

The Stanlib Onboarder application was built using the following technologies:

  • ASP.NET Core MVC
  • JavaScript
  • jQuery
  • Google Tag Manager
Stanlib Onboarder details page

Architecture

The Stanlib Onboarder application can be described as having a three layer architecture

  • Presentation Layer
  • Application Layer
  • Data Layer
DMA Onboarder architecture

The Presentation Layer was designed and built by NML as a single page application using Vanilla JavaScript and jQuery. This resulted in a responsive and lightweight user interface without the bulk of a JavaScript framework. Custom JavaScript modules were created to complement the integration between the Presentation Layer and the Application Layer.

The Application Layer was built by NML using ASP.NET Core MVC. This can be thought of as the Business Layer which has multiple custom built modules to handle separate responsibilities (such as validation and business rules), but has three main module categories:

  • Security modules - responsible for the authorization of the Application Layer to securely communicate with the Data Layer
  • Processing modules - responsible for executing the steps required for a specific action, and invoking other modules to assist in the process
  • Data Layer communication modules - responsible for the communication between the Application Layer and the Data Layer

The Data Layer is an application programming interface (Web API) provided by Silica, which handles their internal Line of Business (LOB) services and data. The Data Layer acts as the single source of truth for the overall web application.