Work/Audio & displays · Web & SaaS
Client engagement · Under development
Maxxtone
Maxxtone Electronics
Engineered an interactive 3D WebGL product showcase and exploded-view catalog for Maxxtone's smart entertainment towers and commercial digital displays (MAXX80, MAXX27MD, MAXX-55S/T, and MAXX 32S-A), featuring scroll-driven part dismantling, 3D floating callouts, dynamic PDF datasheet compilation, and self-hosted analytics.
Business context
Maxxtone manufactures high-end multi-functional hardware — including smart karaoke towers with 15.4" touchscreens, movable interactive displays, and commercial digital signage. Standard 2D static product catalogs failed to convey the sophisticated multi-component engineering (acoustic bi-amp chambers, rotating touch displays, wireless microphone bays, caster mobility), leaving commercial buyers without an intuitive feel for the physical build.
Product direction
Interactive 3D Smart Audio & Commercial Display Catalog
3D exploded views · On-demand PDF datasheets
Under Development · Maxxtone Electronics
Scroll-driven part dismantling
The solution
VertixOP India Pvt Ltd engineered a futuristic, interactive 3D WebGL catalog powered by React Three Fiber and GSAP. Visitors can freely orbit 3D CAD-fidelity product models, trigger scroll-driven exploded/dismantled views with floating feature callouts, inspect detailed acoustic & display hardware specifications, compile on-demand PDF technical datasheets, and submit instant RFQ inquiries backed by a self-hosted Express & SQLite analytics backend.
- Interactive 3D product visualizer with component exploded views and 3D floating callouts across the flagship MAXX80 tower, MAXX27MD movable screen, and commercial signage kiosks
- Automated PDF technical datasheet export engine generating branded specification sheets on-the-fly
- Self-hosted administrator dashboard with live engagement telemetry, inquiry lead capture, and product catalog availability toggles
Architecture
- Interactive Three.js, React Three Fiber, and Drei rendering pipeline with smooth OrbitControls, contact shadows, and GLTF node animations for scroll-synchronized exploded assemblies
- Client-side vector PDF compiler leveraging jsPDF to assemble official technical datasheets, dimension schematics, and acoustic ratings on demand
- Self-contained Node.js & Express API with SQLite WAL (Write-Ahead Logging) storage tracking user interactions, feature inquiries, and brochure views without third-party analytics bloat
Technology
- React
- Three.js
- React Three Fiber
- Drei
- Tailwind CSS
- Vite
- Express.js
- SQLite WAL
- jsPDF
What the build had to solve
- 01Exploded views have to stay in step with the scroll, with callouts on the real components.
- 02Datasheets are compiled in the browser so a buyer can download specs without a separate request.
- 03Engagement and enquiries are stored on a self-hosted backend, not a third-party tracker.
Have a platform or product to build with VertixOP India Pvt Ltd?
We translate complex business workflows into resilient, world-class digital systems.
Start Your Project Blueprint ↗