VELORIX broker website

A complete broker website concept: 3D design, estimated costs before the trade, and rules that follow the visitor's region.

Open the live demo →Watch the walkthrough

01 / Project facts

What was built, and what is simulated.

Fictional brand VELORIX; synthetic data throughout.

Ownership: Built by our studio as a proof project. Not client work.
Status: Concept release, live demo. Not a licensed broker.
Target users: Retail traders comparing brokers; broker marketing teams
Stack: HTML, CSS and vanilla JavaScript; Three.js r128 for the 3D hero; static hosting on Cloudflare Pages
Implemented scope: Homepage and 5 inner pages, 3 colour themes, 6 working tools, region rules, static fallbacks, Pause motion
Simulated or placeholder: Prices and quotes, demo terminal, offers, regulation and licence details
Deliverables: Source files, static fallback art, verification summary, captioned walkthrough
Evidence: Build v7 · 1 Nov 2026 (v6 verified, v7 adds named payment methods) · verification summary

The problem

Broker websites tend to look alike, lead with "from 0.0 pips" and hide what a trade really costs. Leverage, offers and crypto availability change by region, and one global page often gets that wrong.

Our contribution

Design, 3D, front-end engineering, content and testing: a site that shows the estimated cost before the trade and adapts its rules to the visitor's region.

Departments involved

Product Design & Brand · Web & Commerce · Quality & Accessibility · Content, Docs & Media

02 / Walkthrough

90 seconds through the live demo.

Captioned screen recording; no sound needed.

Recorded from build v6 · captions are part of the video · open the demo yourself

03 / Screens

Three themes, one codebase.

Select any screen to enlarge it.

**Obsidian theme**3D hero with a live demo ticket; the phone tilts with the pointer.

**Verdant theme**Colours, 3D materials and the phone screen follow the theme.

**Meridian light theme**A light theme with its own static fallback art.

**Estimated cost per lot**Each account shows spread plus commission for one EURUSD lot.

**Leverage by region**EU, UK and Australian retail ceilings; UK crypto marked unavailable.

Mobile layout at 390 px — **Mobile at 390 px**Same content and tools; the 3D scene sits below the headline.

04 / Decisions

Problem → decision → evidence.

Two examples from the build.

Regional availability

Problem

A single global leverage figure is wrong for EU, UK and Australian retail clients, and UK retail clients cannot trade crypto derivatives.

Decision

Leverage is derived per region from the instrument's class and currencies; ceilings are labelled as regulatory caps, not the broker's own limits.

Evidence

EURGBP 30:1 in EU, UK and AU; AUDUSD 20:1 in EU/UK and 30:1 in AU; UK crypto shows "Unavailable to UK retail clients".

Cost before commitment

Problem

"From 0.0 pips" hides commission and makes accounts hard to compare.

Decision

Every account and the calculator show average spread plus commission; invalid sizes are rejected instead of silently adjusted.

Evidence

EURUSD Raw 1 lot = $8, Standard = $10, XAUUSD Raw = $27; 101 lots and US30 0.05 lots return an error.

05 / Evidence

How it was checked.

Automated checks and reviews, with their limits.

3colour themes, each with static fallback art

6pages checked at 1440 px and 390 px, no horizontal scroll

8AI-assisted review iterations, with a separate AI reviewer

0automated axe violations (WCAG 2 A/AA rules) in all themes

Not yet verified: real-device 3D performance, Safari and manual screen-reader testing. Automated accessibility checks are not a WCAG conformance claim. No human security or accessibility audit has been done. Prices, fees and counts are illustrative; regulation and licences are placeholders. Verification summary

Need something like this built?

Book a free call →