HOME
Sajjad Portfolio
2026

3D Configurator · 2024

WebGL Product Viewer

A configurator that lets a customer change material, colour and hardware and see the result immediately.

Role
Development
Timeline
8 weeks · 2024
Stack
Three.js · GLSL · glTF
Sections
5 chapters

01Overview

A configurator that lets a customer change material, colour and hardware and see the result immediately. Embedded into an existing product page rather than replacing it.

This is sample project content. Replace it with a description of your own work.

02The approach

Shipping a separate model per configuration would have meant tens of megabytes. Sharing one mesh across every option kept the whole thing under two.

03Key contributions

Built the renderer, the material system and the image fallback for browsers without WebGL.

04Walkthrough

One glTF model with swappable material slots, so changing a finish is a texture bind rather than a new download. The viewer only starts once it scrolls into view.

05Outcome

Returns dropped because people could see what they were ordering. Replace with your own outcome.