A 3D configurator for TUP

TUP develops innovative and flexible workplace solutions, including modular 1, 2, and 4-person meeting rooms. Their mission is to provide functional and aesthetically pleasing workplaces without requiring organizations to undertake major renovations to their offices.

The 4-person Unicorn TUP is a spacious office pod where up to 4 people can hold a meeting and present their work by adding a screen. Alternatively, it can be used as an office by replacing the benches and table with a desk and office chair.

Challenge
TUP wanted to enable customers to personalize their 4-person meeting room to their liking. This included choosing colors and integrating corporate identity. The goal was to give potential customers a realistic image of their future meeting space even before production begins.

Our solution
We developed a custom-made 3D configurator built with Three.js, allowing interested parties to easily select and visualize the colors of their TUP Unicorn.

• 3D Model Development: In close collaboration with TUP, we fine-tuned the 3D model of the meeting room in detail to ensure every aspect of the space was correctly and visually appealingly represented.
• Three.js UI Integration: We added a user-friendly interface that enables customers to directly choose colors and view changes in real time.
• AI-powered Color Palettes: A unique feature of this configurator is the AI functionality we added. Customers can upload their company logo, and our AI solution automatically suggests five color palettes that perfectly match their corporate identity.
• Platform Independent: The configurator is built to be platform-independent. The application can run independently, and by adding JavaScript events, external developers can link the configurator to, for example, a quotation process on the existing website.

Result
The 3D configurator enables TUP customers to make confident decisions about their meeting space, speeding up the sales process and enhancing customer satisfaction. The integration of AI and an intuitive interface provides a unique and personalized experience.

We were so enthusiastic that we configured and ordered a TUP Unicorn ourselves!

Technology and Tools

• ThreeJS for 3D rendering and UI components
• AI algorithm for generating color palettes
• Blender for iterative model design with TUP

Why choose us?
Our team combines technical expertise with a deep understanding of customer needs. For TUP, we delivered not only a technical solution but also a visually appealing and user-friendly tool that adds value to their customer journey.

View the TUP Unicorn configurator here!