MARTECH3D

Problem Statement

Manufacturers and marketers need to show products in 3D — virtual showrooms, interactive product guides, configurators — but the web is hostile to it: CAD/3D assets are huge (slow loads), they're valuable IP (easy to steal once shipped to the browser), and mobile users expect AR. Enterprise buyers also need analytics and GDPR-compliant tracking. Off-the-shelf viewers solve one of these, not all.

Proposed Solution

MARTECH3D is an enterprise 3D visualization platform that turns CAD/3D files into immersive, shareable web experiences — virtual showrooms and interactive product guides — with client-side content protection, multi-format ingestion (GLB / STEP / USDZ), Draco compression for fast loads, AR on iOS/Android, interactive hotspots, and session-based, GDPR-compliant analytics.

Full Solution Details

Multi-format 3D — GLB, STEP, and USDZ, so the same product works in WebGL and native AR (USDZ for iOS Quick Look).
Draco compression — 50%+ file-size reduction for faster first paint on heavy models.
XOR client-side encryption — model payloads are obfuscated/encrypted in the browser so the raw asset isn't trivially extractable, protecting customer IP.
Interactive hotspots — annotated points on the model for guided product storytelling.
AR — view products in the user's space on iOS and Android.
Analytics — session-based engagement tracking, GDPR-compliant.
PWA — installable, offline-capable shell.

Technical Documentation

Built with React + TypeScript and BabylonJS as the WebGL/3D engine, Redux for application state, and Webpack as the build system (custom dev server on :8080, a CSS watch pipeline, and a npm run docs documentation build). Packaged as a PWA. The codebase is a private enterprise repository (197 commits) with its own documentation generation step — indicating a maintained, long-lived product rather than a one-off.

Tech Stack

React, TypeScript, BabylonJS, Redux, Webpack, PWA; GLB/STEP/USDZ pipelines, Draco compression, XOR encryption, WebXR/AR.

System Design

CAD / 3D asset (GLB/STEP/USDZ)
        │  Draco compression (50%+ smaller)
        │  XOR client-side encryption
        ▼
  BabylonJS viewer (React + Redux, PWA shell)
   ├── interactive hotspots / guided tours
   ├── AR handoff → iOS (USDZ Quick Look) / Android (WebXR)
   └── session analytics (GDPR-compliant) ──► reporting

Smart Architectural Decisions

Protect the asset in the browser. XOR client-side encryption acknowledges a hard truth — anything shipped to the client can be inspected — and raises the bar against casual IP theft, a real enterprise requirement most viewers ignore.
One asset, every surface. Supporting GLB + STEP + USDZ means the same product renders in WebGL and in native iOS AR without re-authoring — a pragmatic format strategy.
Draco-first performance. 50%+ compression directly targets the biggest UX killer for 3D on the web (load time).
PWA + analytics + GDPR show this is built for enterprise procurement, not just a tech demo.

Impacts

Serves 1000+ enterprise users as a production product-visualization platform (martech3d.com), with measurable performance (50%+ smaller files via Draco) and enterprise-grade IP protection and analytics.

Demonstrated Skills

Real-time 3D/WebGL (BabylonJS); 3D asset pipelines and compression (GLB/STEP/USDZ, Draco); client-side security/obfuscation; AR (WebXR + USDZ); Redux state at scale; Webpack build engineering; PWA; privacy-compliant analytics; long-lived enterprise codebase maintenance.