Virtual Showroom

Virtual Showroom

B&B Italia and Maxalto, brands owned by Design Holding group, virtually open the doors of their showrooms, offering users the opportunity to "take a walk" through the new proposals and the iconic pieces, presented in environments designed by the Brands. The Experience allows you to visit the various areas and explore the interactive product sheets with additional enriching content.

Client
B&B Italia / Maxalto

Deliverable
Consultancy - Concept - Project management - UX design - UI design - Frontend development - Backend development - System integration

Technology
VueJS + Composition API - NuxtJS - TailwindCSS  - GSAP - ThreeJS - WordPress APIs

Launch project

A full-service approach

Our multidisciplinary approach and our many years of experience in managing complex projects in the design and luxury markets, have allowed us to support our customer in every aspect of the project: from the analysis and design of the tool to the front-end and back-end development, to the production of 360° photo shoots, passing through the consultancy and implementation of the system integration. A single referent strongly involved in the various processes has allowed the customer to launch the project in a very short time, without hitches and with an important budget optimization.

Adaptive content: guest, B2C and B2B users

Content navigation and access are served in an adaptive way using an Access Control System that determines who connects to the application, providing different data layers for each one. In the case of B2B users, a further distinction is made between markets, giving the Brand the possibility to display the desired information only.

Tech & performance

The front-end has been built as universal application, on top of VueJS & NuxtJS frameworks. The cosmetics crafted with ThreeJS and TailwindCSS, animations done with the help of GSAP animation platform. The combined use of "lazy loading" and next-gen media formats gives to the website an high level of performance and smoothness. WordPress as been used as "Headless CMS", powering a custom layer of smartly cached custom APIs.

Content Management System

Through an advanced customization of the WordPress CMS, editors can reproduce the structure of the desired showrooms, creating internal/external areas and any floors. In each area, through an ad hoc graphic plugin, it is possible to create product hotspots and links to other areas/floors; Futhermore WordPress as been used as "Headless CMS", powering a custom layer of smartly cached custom APIs.

System Integration

Through a custom integration of the APIs exposed by the PIM, only the products contained in each showroom/specific set-up are synchronized. Then, images are automatically synchronized with the CDN and exposed to the frontend once necessary.