Lumina.
Making payment infrastructure visible through 3D and interactivity.
Payment infrastructure is hard to sell because you can't see it. The product is an API — a line of code that moves money, and you can't photograph that.
The goal was a site that does three things at once. It has to make an abstract product concrete and memorable, so the visitor actually feels the speed and precision of money moving. It has to convince developers — a critical, hard-to-influence audience — with both technical credibility and ease of use. And it has to withstand the scrutiny of a fintech buyer, where licensing, security and stability decide trust.
The design core: make the invisible tangible.
The whole site's design principle comes down to one idea: when a product can't be photographed, it has to be built. Instead of describing the movement of money in words, it was modelled, lit and animated so the visitor sees a transaction come alive.
Animation & illustration
The visual heart of the site is real-time 3D in the cover sections, built with Three.js on top of WebGL.
A unified visual world
We designed the site's illustrations to support the product's core concepts seamlessly. Each image was created specifically to match the content of its section, so the visuals both unify the site's look and explain complex processes. A consistent style ensures every section speaks to the others and forms a coherent, professional whole.
The transaction lifecycle visualised
The core of an abstract product — a single payment from start to finish — is explained not with a feature list but as a narrative path. The visitor follows one charge through five stages (created, authorised, routed, settled, reconciled), and each stage gets its own visual and its own precise figure. This progressive structure turns a complex system into a story the visitor can follow to the end — and following it to the end means moving toward conversion.
Developer experience first
A developer does not believe marketing sentences — they believe code. So the site shows real code: typed SDKs, an install command, an example charge in a few lines and the promise of "ready in an afternoon". This is a UX choice that speaks the audience's own language and lowers the barrier to trying it. For this audience, showing code is the most convincing social proof there is.
Real-time data and motion
Scrolling transaction tickers and a payment-method strip bring the page to life and subtly signal volume and speed — response times in milliseconds, currencies, approved payments. The motion isn't random: it reinforces the brand's core message that money moves, and moves fast.
Trust on the fintech buyer's terms
In a product that moves money, trust is a precondition for the deal, not an added feature. The site surfaces exactly the signals a fintech buyer looks for — independent audit, GDPR readiness, EU data residency, licensing — clearly and scannably. Making these visible early removes doubt before it reaches the sales call.
Two clear paths
The audience splits in two: the developer wants to start building, the buyer wants to talk to sales. So the site consistently offers two parallel calls to action — "start building" and "talk to sales" — so both audiences find their own natural next step without friction.
Design that pays for itself.
Good UX/UI and distinctive 3D aren't an aesthetic cost — they're the top of the sales funnel. A project like this affects revenue through several routes:
Distinctive 3D makes the brand memorable. When almost every competitor looks the same, an original, real-time 3D identity sticks in the mind and extends time spent on the site. Memorability and engagement correlate directly with how many visitors return and move toward contact.
The level of craft convinces a developer audience. A technical audience judges credibility partly by the quality of the execution. Polished, performant 3D and real code signal engineering ability, which builds trust with exactly the group that makes or blocks the adoption decision.
Faster understanding raises conversion. The sooner a visitor grasps what an invisible product does and how it benefits them, the more of them move on to a trial or a demo. Visualising the abstract shortens that comprehension curve decisively.
Two qualifying paths produce a better pipeline. When developers are routed to building and buyers to sales, each lead lands in the right funnel with the right priority — which raises close rates and shortens the sales cycle.
Trust signals unblock deals. In fintech, deals die in compliance and security reviews. Surfacing licensing, audits and data residency up front removes the obstacles before they become deal killers.
Performance protects every conversion. Disciplined 3D optimisation keeps load times fast despite heavy graphics, which reduces bounce and improves search visibility — so more of the traffic you earn actually converts.
Independent content management lets the team iterate. When marketing can publish blogs, changelogs and campaign pages themselves, messaging stays current and responsive to the market — and faster iteration is a faster route to a better-converting site.
The site was built with Next.js, with real-time 3D in Three.js on top of WebGL. Content is managed in Sanity as a headless CMS, where a block-based page builder lets the team assemble and edit pages themselves, and Vercel handles deployments.
Wondering whether this approach could work for you too?
Contact