SynchronotronReal-time 3D, a 65,000-formula engine and a five-language platform
A WordPress site and a 56-sheet spreadsheet became one platform: interactive three.js scenes, a calculation engine verified to the last field, shop, memberships and a course school — in five languages.
- Client
- Synchronotron
- Region
- Brazil
- Languages
- Portuguese · English · German · Italian · Spanish
- Status
- Built 2026 · public launch in preparation
- Interactive real-time 3D scenes
- 8+
- Interactive real-time 3D scenes
- Reference values verified against the original spreadsheet
- 73k+
- Reference values verified against the original spreadsheet
- Languages, including 1,600+ articles each
- 5
- Languages, including 1,600+ articles each
- Automated tests and database proofs
- 567
- Automated tests and database proofs
The platform’s heart was an Excel workbook — 56 sheets, roughly 65,000 formulas — that only experts could operate, next to an ageing single-language WordPress site with a plugin shop. The knowledge was there; the experience was not.
We rebuilt the platform from the ground up: the spreadsheet became a web engine proven field by field against the original, the abstract geometry became explorable 3D, and shop, memberships, courses and administration became one system on edge infrastructure.
“Real-time 3D, engineered to run on any device”
The elements that make this system different
Real-time 3D with three.js
A 441-tile matrix as the homepage hero, a holographic 3D head and eight further interactive scenes, from circuits to a hypercube — drag, zoom, tap. Weak devices, data-saver and reduced-motion users get an elegant static fallback automatically; three.js only loads when it will run smoothly.
From spreadsheet to verified engine
A 56-sheet workbook ported to the browser, with a guided board in three levels and animated calculation paths — verified against more than 73,000 reference values before a single result went public.
Five languages, at full depth
Portuguese, English, German, Italian and Spanish — not only the interface: more than 1,600 migrated articles per language, a glossary and an archive, generated as some 9,700 static pages.
Commerce built for its market
Shop, coupons and membership tiers with Mercado Pago (Pix, card, boleto, instalments) and PayPal, server-side pricing, and a clean import of the existing customer base.
A school and a back office
Course system with progress, quizzes and verifiable certificates; an administration in five languages with roles, audit log, scheduled publishing and accountant-ready exports.
Quality you can measure
220 server tests and 347 database proofs, WCAG 2.2 AA accessibility checks, performance budgets and an installable app that works offline.
Screens from the delivered system
What was delivered
- Complete redesign and rebuild of the public platform, five languages, static-first on the edge
- Real-time 3D: homepage hero, eight interactive scenes, holographic head, hypercube (three.js, WebGL2)
- Automatic low-power fallback for weak devices, data-saver mode and reduced motion
- Calculation engine ported from a 56-sheet Excel model, verified against 73,000+ reference values
- Content migration: 1,600+ articles per language, media library, glossary and archive
- Shop with Mercado Pago (Pix, card, boleto) and PayPal, coupons, membership tiers
- Course school with progress, quizzes and certificates with public verification
- Multilingual administration with roles, audit log, publishing editor and exports
- Installable progressive web app with offline access
- Accessibility (WCAG 2.2 AA), performance budgets and automated test suites
Technology
- three.js / WebGL2
- Vanilla JS modules
- Cloudflare Workers & R2
- Supabase / PostgreSQL
- Mercado Pago
- PayPal
- Playwright
Want a system like this?
Book a free consultation. We map your processes and show you what one architecture would look like for your organization.
Book a Consultation