INV—W/FIN · CASE · 2024 FINTECH · iGAMING · BUBBLE + DIRECTUS · FIG. 01
Invental/ Works/ Fintech Dashboard · iGaming
Fintech Dashboard Low-code iGaming NDA engagement

Settlements on 100M+ transactions.

A headless fintech dashboard for an iGaming operator — financial workers pick a date range and a contractor, and a full settlement report lands in seconds. Bubble.io on the glass, Directus on the spine.

iGaming companyNDA
Product build · Low-code · Headless architecture
12 months & ongoing
Frontend (Bubble) · Aggregation engine (Directus) · Reporting
— Under NDA
Fintech · iGaming · Operator finance
NDA

This project is protected under a Non-Disclosure Agreement. The colors, fonts, and layouts shown here match the real product — but all dashboards, numbers, and contractor names are sample renders created for illustration only.

— Workspace/Finance/Settlements
● LiveQ2 · 2024v1.8.2
Query Date · 01 Apr – 30 Jun 2024 Contractor · ▨▨▨▨▨ Partners + Region + Product Currency · EUR Run settlement ↵
Transactions · period 104.3M ▲ 6.8% vs Q1
Net settlement · period €38.2M ▲ settled · 98.4%
Open disputes 17 ▼ 4 · vs last week
Report build time 4.1s ▼ directus engine
— Cashflow · inbound vs outbound · 90 days Directus · aggregated
Inbound · €
Outbound · €
AprMayJun
— Top contractors · settlement 6 of 142
ContractorTxnGross · €Net · €
Lorem Partners Ltd28.4M12,840,220+9,412,008
Consectetur & Co19.2M8,120,450+6,201,330
Ipsum Holdings SA14.8M6,402,110+4,880,020
Dolor Gaming Group11.1M4,980,700+3,604,192
Amet Interactive8.6M3,124,904−214,082
Sit Networks Pty6.2M2,408,120+1,980,440
[ FIG. 01 ] — Conceptual dashboard · representative only INV-W-FIN-2024 NDA · visuals are renders
[ M · 01 ]
100M+
Transactions processed and aggregated for settlement reporting
[ M · 02 ]
12mo+
Ongoing engagement — continuous delivery alongside the client's finance team
[ M · 03 ]
2×
Stacks split cleanly — Bubble on the frontend, Directus on the backend
[ M · 04 ]
~s
Report generation time — seconds, not minutes, even on 100M+ rows

§ 01Context

Our client is an iGaming operator whose finance team lives inside settlement reports. Every day, more than 100 million transactions move between the operator and its contractor network — game providers, payment partners, affiliates, B2B counterparties. Those transactions have to be sorted, netted, and turned into accurate settlement positions the business can sign off on.

§ 02Challenge

The team already had a Bubble.io dashboard that worked — until the dataset caught up with it. Aggregating 100M+ rows of transaction data inside a low-code app is not what low-code apps are built for. Reports slowed to a crawl. Filters timed out. Financial workers started running numbers in spreadsheets on the side, which is exactly what a financial system is supposed to prevent.

The brief was narrow and uncompromising:

100M+ rows, a date picker, a contractor dropdown, and an answer in seconds. That's the whole product.— Engagement kickoff

§ 03Solution

We shifted the platform to a headless architecture. The Bubble.io app stays — it's the finance team's interface and we didn't want to break what was working. Behind it, we stood up a Directus CMS instance as a dedicated aggregation engine: API-first, schema-aware, tuned for batch.

The flow is simple by design:

  1. A financial worker opens the dashboard in Bubble, picks a date range, selects one or more contractors, and hits Run.
  2. Bubble sends a single aggregation request to Directus with those parameters — it doesn't touch a transaction itself.
  3. Directus runs the heavy work on the full dataset, returns a structured result, and Bubble renders the report.

That split — Bubble owns the surface, Directus owns the data — is what keeps the frontend responsive no matter how much volume the backend is crunching.

§ 04Stack

Two components doing exactly what each is best at.

Surface · Frontend Bubble.io

Dashboard UI, date-range and contractor pickers, filters, report views, user management — kept deliberately thin so it never becomes the bottleneck.

Low-codeUI · UXForms · reports
Spine · Backend Directus CMS

API-first data layer aggregating 100M+ transaction rows. Parameterised queries, fast indexes, and a clean data contract for Bubble to call.

HeadlessREST · GraphQLAggregation

A date range, a contractor, and a report in seconds — on a hundred million rows.

— What the finance team asked for

§ 05Result

The dashboard does what it needs to do:


— End of case. Heavy data on a low-code app? Let's split the stack.

Split the stack, keep the surface.

[ FIG. 02 ] · Headless architecture — Bubble.io for the glass, Directus for the aggregation engine
— Surface
Frontend Bubble.io · dashboard Date range · contractor picker · filters · report views
Users Finance team Pull settlements · sign-off · export reports
— Spine
Aggregation engine Directus CMS API-first · parameterised queries · row-level perms
Contract Bubble ↔ Directus Signed API calls · JSON responses · seconds end-to-end
Inputs Transaction feeds Game providers · PSPs · affiliates · B2B counterparties
— Data
Datastore PostgreSQL 100M+ rows · indexed · partitioned by period & contractor
Processing Server-side batch Heavy netting & settlement maths run where the data lives
API calls · Bubble ↔ Directus
Hot data path · settlement response
Transaction feeds · ingest
The team used to fear the end of the quarter. Now a full settlement report lands in seconds — and it matches the ledger. That's the whole game for us.
Head of Finance · iGaming operator · NDA
— Engagement close-out · attributable on request
— More work View all case studies ↗
Analytics · NDA
2024Low-code
Analytics Platform — IT incidents & ROI
Promoo.io
2023Low-code
Promoo.io — promo codes platform
Besample
2024Low-code
Besample — research recruitment

Low-code at the surface. A real backend underneath.

We build headless, two-stack products where Bubble, Webflow, or another low-code platform keeps what it's good at — and a proper backend does the heavy lifting behind it.

Book an intro call