Overview

NatWest Markets, the markets division of a major UK bank, partnered with Bacancy to build a React trading platform for web and mobile using React.js, Redux, TypeScript, Node.js, Java, MySQL, and Oracle. Bacancy delivered real-time market data, multi-currency support, and trade-execution tooling, migrated the data grid from D3 to ag-Grid, and supported a synchronized mobile rollout with structured user-adoption programs.

Technical Stack

  • NodeJS
  • ReactJs
  • MySQL
  • Oracle
  • Java
  • Javascript
  • Typescript
  • Redux
  • Industry

    BFSI

  • region
  • Region

    United Kingdom

  • project-size
  • Project Size

    Non-Disclosable

Highlights

Comprehensive Product Offering: Multi-currency accounts and trading instruments in one platform

Advanced Trading Capabilities: Real-time market data and trade-execution tools

Risk Management and Insights: Ag-Grid data views for monitoring positions and market signals

Continuous Platform Upgrades: Auto-update mechanism keeping web and mobile in sync

Challenges & Solutions

Integrating With Upstream and Downstream Banking Systems

A market platform does not stand alone. It has to pull live pricing, account data from upstream systems, push orders, updates to downstream settlement and reporting systems. At NatWest’s scale, any mismatch between the web and mobile clients and those connected systems risks broken trades or stale data.

  • Solution: Our team of React developers developed the web and mobile applications in parallel, so both stayed aligned with the same upstream and downstream integrations. Building them together enforced consistent data contracts and behavior across clients, so users on either platform see the same real-time state and benefit from the same connected systems.

Rolling the Mobile Version Out to Internal and External Users

The platform had to reach two very different audiences, internal bank staff and external clients, on mobile, without diverging from the established web experience or fragmenting functionality between the two.

  • Solution: We kept mobile and web development synchronized so features shipped in step and behaved consistently across both. That alignment smoothed the mobile rollout and let internal and external users move between web and mobile without relearning a different interface.

Migrating the Data Grid From D3 to ag-Grid

The platform’s data-heavy trading and market views were originally built on D3, which became harder to maintain and extend as grid requirements grew. Moving to ag-Grid promised better performance and richer features, but a hard cutover risked breaking the views traders depend on.

  • Solution: Our team handled the transition to ag-Grid and added an auto-update mechanism so new grid features could be integrated cleanly and the platform stayed current without disruptive manual upgrades. Traders gained a faster, more capable data grid while the migration stayed low-risk.

Driving User Adoption Across a Large User Base

A capable trading platform only delivers value when people use its features. With internal and external users of varying technical comfort, low adoption or underused tools would undercut the investment.

  • Solution: We supported structured user-training programs, ongoing support, and resources to lift adoption and help users get the most from the platform. Pairing enablement with the product work helped users move on to the new tools and use the advanced trading features as intended.

Core Features

  • Multi-Currency Support
  • Real-Time Market Data
  • Order Customization
  • Trade Execution Tools

Results & Impact

  • Delivered a React.js trading platform across web and mobile, integrated with NatWest’s upstream and downstream banking systems
  • Real-time market data, multi-currency support, and trade-execution tools brought into a single client experience
  • Synchronized web and mobile development kept functionality aligned for internal staff and external clients during the mobile rollout
  • Migrated the data grid from D3 to ag-Grid with an auto-update mechanism, improving performance and maintainability of data-heavy trading views
  • Structured training and ongoing support programs drove user adoption of the new platform features
  • Sustained delivery by a 7-developer team across a multi-year engagement (March 2018 – July 2021)
  • no.-of-resources
  • Developers

    7

  • time-frame
  • Time Frame

    March 2018- July 2021

Screenshots

NatWest Markets: A React Trading Platform With Mobile Rollout & Real-Time Market Data
NatWest Markets: A React Trading Platform With Mobile Rollout & Real-Time Market Data

Experience With Bacancy

2500+ Projects Experienced Innovation with Bacancy!

Get access to an experienced team of developers and engineers from Bacancy, handpicked to ace your goals. Kickstart within 48 hours, no-risk trial.

Book a 30 min call
14+

Years of Business
Experience

1458+

Happy
Customers

12+

Countries with
Happy Customers

1050+

Agile enabled
employees

How Can We Help?