NML Logo

My10X

Services

API Development and IntegrationFront-End DevelopmentTransactional Platforms

Client

10X Investments

Industries

Investment

A mobile-friendly, user-centric, secure portal for 10X clients to view and manage their investments.
client logo

Problem

The old 10X online portal and mobile app experience lacked depth and functionality, and users felt it did not allow for proper management of their investments. Fund information and projections were not available, and any changes to their account required assistance and support, resulting in a slow and underwhelming user experience of the product.

Solution

Develop a modern client portal that is mobile-friendly and user-centric, empowering clients to administer their investments and plan for their future. Design work was undertaken by long term NML partner Isoflow.

Project Overview

10X Investments was founded with a simple goal: to give South Africans as much money as possible when they retire. With hundreds of complex and competing investment choices, supported by an army of middle men to “help” people navigate this complexity, 10x reverted to a simple approach that eliminates the need for advisors and removes the need for investors to make any investment decisions that can penalise them in the long run.

Feature Highlights

  • Simple, mobile-friendly, card-based layouts
  • Interactive retirement planning tool
  • Referral program
  • OTP based login
  • Tailored content
Feature 1

My10X dashboard

10X approached us to revamp their online portal and mobile app. As a go-to for retirement planning, it was vital that 10X users could manage their investments easily, fully and independently.

Our solution was My10X, a portal enabling clients to plan, invest and monitor their retirement investments and to achieve their retirement goals. While My10X is a mobile-first platform, it can also be accessed via laptops and tablets.

My10X acts as financial advisor, investment manager and financial coach. It helps clients set realistic retirement goals and develop a savings and investment program to meet personalised goals. Clients can also adjust their investment plan for any life events and monitor their progress along the way.

Importantly, My10X proactively communicates with clients, reminding them about savings goals and advising on how to improve outcomes. It also reaffirms and congratulates clients for taking the right steps in their investment journeys.

.

/uploads/dashboard_d9a2d5c7cf.png
Feature 2

OTP login

/uploads/otp_4bbb2edd50.png
Feature 3

Architecture

NML are responsible for Invest.10X, which is the online application site, and Orka, which is 10X’s central API which is used to integrate and manage communication between all of their systems. Both of these applications are hosted on Microsoft Azure, as well as their respective databases.

Web Application (Invest.10X) The web application helps users complete applications for various fund products through an easy to use process. A single page form is used to guide the user through a number of steps during the completion of their application.

At the end of the online application process, the client signs an electronic form that is generated via Adobe Sign. If supporting documents are required, like proof of address, the user is also able to attach these files to the generated form. The web application was built on top of our core NML CMS which uses a tiered architecture and object oriented design:

  • Data Access Layer
  • SQL Database
  • Entity Framework
  • Business Layer
  • NML CMS
  • Content Manager to create, store and edit content. Also allows moving content between states such as draft, published and archived.
  • Media Manager to upload and delete images and documents.
  • User Manager to create, remove and modify users as well as their roles in the application.
  • Menu Manager to view and edit menus.

.

/uploads/referrals_e679cc6120.png

Web API (Orka) The website communicates with a web API, which we built to process applications and update 10X’s internal systems and is built using ASP.Net Web API architecture. The data layer is built using Entity Framework code first methodology, which allows for increased portability and scalability. All incoming requests are secured using HMAC encryption. Systems integrating with Orka are given an API key and App ID, which is used to generate an authentication string.

Orka integrates with 10X’s CRM system, updating it with leads from various contributors, including invest.10x. Any updates in the CRM system are then updated Webhooks are used to integrate with external services such as Mailchimp and Google Analytics.

Both Invest.10x and Orka make use of Application Insights for integrated reporting and error tracking. Dashboards are created for custom and quick views of the performance and health of the system and its sub-systems.

/uploads/retirement_plan_11d50749ac.png
Feature 4

Design

My10X was designed by Isoflow.

It was important for 10X that invest.10x have a similar look and feel to their public site, 10x.co.za. As such the layout, elements and typography were inherited from that design. The wizard is split into very distinct steps that separate the information into logical steps. The flow of the wizard is also kept as consistent as possible throughout the various products, to give investors in multiple products a smooth journey.

/uploads/ra_281c22f1fa.png
/uploads/Desktop_Dashboard_2_2ceab15c59.png

Technical Requirements

To ensure the success of My10X, the following technical requirements needed to be met:

Mobile-friendly Low latency Secure

Tools

  • ASP.NET
  • SQL Server for data storage
  • Next.js/React
  • Typescript
  • Entity Framework
  • Google Tag Manager
  • Hangfire
  • Hotjar
  • Application Insights
  • Heap
  • NML API Documenter

Useful technical features

Authenticate and manage users

During the development of My10X, the capabilities of Orka were vastly expanded. It can now authenticate and manage users, retrieve and update investment information, and process transactions.

Lightweight Architecture

The My10X application has a very lightweight architecture consisting of the front-end application and back-end controllers that act as an intermediary between the front-end application and Orka.

Like this project?

You can view a selection of completed projects on our work page