facebook pixel
Become a client
glass-configurator

Case :

Online 3D Configurator for Glass Structures

Project from:

A manufacturer of glass products and complex glass systems

Tasks to solve:

To develop an interactive tool for online design and instantaneous cost calculation of glass products, featuring full integration into an existing e-commerce platform

Technologies used:

Vite
React
TailwindCSS
Zustand
Three.js
iframe
PrestaShop

Aestar has developed an innovative solution for a niche where parameter precision is critical. Our 3D configurator enables users to independently model glass railings, shower cabins, and glass sheets by adjusting dimensions, hardware colors, and glass finishes in real-time. Many business owners ask: how does a 3D configurator affect conversion in online sales? Our experience demonstrates that such a tool eliminates visual barriers and the fear of making a mistake, transforming a visitor into a confident buyer, which significantly boosts the platform’s ROI.

 

For the visual implementation, we chose Three.js because all models are generated via code. This addresses the question: what are the advantages of using Three.js for business configurators? Firstly, it ensures maximum loading speed without compromising quality. Secondly, it provides mathematical accuracy in displaying every cutout and mounting point—a vital factor for glass structures. Aestar emphasizes that these 3D solutions run directly in the browser without the need for additional plugins.

A specific technical challenge involved synchronization with the CMS. When considering how to integrate 3D tools into CMS PrestaShop, we utilized i-frame technology combined with custom blocks in the admin panel. This allowed for flexible price adjustments and the seamless transfer of order parameters directly to the shopping cart. Upon completion of the configuration, the system automatically generates a PDF file containing all technical data and visualizations, making the purchasing process transparent and professional.

Today, AR, VR, and configurators are becoming the gold standard for the custom-made goods industry. Through Aestar’s expertise, the client received more than just a visualization tool; they gained a full-scale automated sales department operating 24/7. This case study demonstrates how combining a modern tech stack (Vite, React) with a deep understanding of business processes creates a product that leaves competitors behind.

ua-flag ua-flag

Сайт доступний українською мовою!
Для найкращого досвіду, рекомендуємо перейти на українську версію