Oscar Caballero

20233D Configurator · Bayer

3D Product Catalog

3D Product Catalog cover
2023 · 04/123D Product Catalog, Bayer

01Overview

The challenge

Replaced 300-page static PDF catalog with interactive WebGL viewer. Field reps can rotate, explode, and annotate medical device assemblies. Model viewer loads in <3s on cellular connections via progressive LOD. Used by 1,200+ sales reps.

Role
Lead Frontend Developer
Client
Bayer
Year
2023
Type
3D Configurator

02Key Results

The impact

  1. Replaced 300-page PDF (94% of reps preferred the WebGL version)01
  2. Sub-3s model load on 3G via progressive LOD + Brotli compression02
  3. 12 model explosions with 500+ parts each, no frame drops03

03Technology

Built with

  • Three.js
  • React
  • Service Workers
  • Brotli
  • MongoDB
  • Three.js
  • WebGL
  • Medical
  • PWA

Next case study

Siemens · 2023

Industrial Visualization Suite