Work 04 / 09

Bosstab Product Viewer

3D modelling Web application 2023

A web-based 3D product viewer for Bosstab, integrated into configuration pages to showcase tablet holders with real-time customisation updates and interactive animations.

Bosstab Product Viewer - cover image

Overview

Configure it, and watch it change.

While at Bosstab, I developed a web-based 3D model viewer for their tablet holders, integrated into product configuration pages. The interactive viewer featured animations and updated the model in real time based on user customisations.

Real-time viewer

Wired straight into the store.

Using Verge3D, I enabled each tablet stand model to dynamically update based on user selections on the website. This was accomplished by integrating WooCommerce with WordPress and leveraging HTML property reading modules for real-time interaction.

Additionally, the viewer recognized preset URL attributes, enabling preset configurations, useful for linking specific tablet stand setups to Google Ads and other campaigns.

Seamless animations

Rigged in Blender, triggered in the browser.

Animations for hinged products were created, rigged and baked in Blender, then configured in Verge3D to play based on conditional triggers.

Optimised for web

Detail kept, load time cut.

Textures were double-compressed and exported with x16 anisotropic filtering to maintain high detail. This assisted greatly in keeping the 3D viewer's loading time short on the pages.

Selected work