Case Study - Implementing a 3D Virtual Showcase to Enhance Customer Engagement

Project Overview: Revolutionizing Product Demos Using an Immersive 3D Experience

PizzaForno wanted to showcase their vending machines to potential leads via their website. We designed a unique digital experience that allows prospects to explore the machines in an immersive 3D environment. The interactive website we developed elevates the standard online demo experience, engaging users in a new and captivating way.

Understanding the Problem

In a competitive market, PizzaForno needed a creative way to showcase their machines to global prospects without the limitations of physical location or time constraints. With leads coming from all over North America, we had to come up with a way to provide a virtual testing experience. This would allow potential prospects who do not live near an operational machine to explore its functionality as though they were interacting with it in person.

The Solution: Creating a Next-Level 3D Digital Experience

We leveraged advanced web technologies to create an interactive 3D digital experience for PizzaForno, making their machines accessible to anyone, anywhere, at any time. This virtual product demo provides a detailed overview of the machines' basic functions and capabilities.

Additionally, we modeled each of the three types of machines offered by the company to highlight their different features and uses. These include the "outdoor kiosk," designed for exterior use; the "ATM kiosk," which is built to be recessed into a wall; and the "indoor kiosk," intended for indoor settings.

Crafting Realistic 3D Models with Blender and Three.js

The 3D models for this project were created in Blender and seamlessly integrated into the Three.js platform, ensuring a smooth and responsive user experience. This provides potential prospects with a rich, immersive digital experience. Allowing them to interact with the models in a dynamic, virtual environment.

Developing a Three.js Interactive Website

By leveraging React Three Fiber, we integrated Three.js into a React environment, delivering a smooth and interactive 3D web experience. This advanced setup lets users explore PizzaForno’s machines from every angle, providing an intuitive way to understand their features and capabilities.

The custom Three.js website we built provides a full 360° interactive experience, offering dynamic, three-dimensional visualization of PizzaForno's vending machines. It features detailed, clickable areas that allow users to explore the machine's features, dimensions, and specifications in-depth. You can see it for yourself by clicking the button below!

The model was carefully crafted to reflect the layout and aesthetic of PizzaForno's headquarters in Toronto. This approach not only brings a sense of authenticity and familiarity to the digital experience but also showcases the brand’s roots. The image below showcases their real-life headquarters.

Simulating the Pizza Ordering Experience

We took it a step further by creating a simulated ordering experience on the website that mirrors the real-life process of ordering a pizza from their vending machines. Users can interact with the machine's interface to order a pizza, which then emerges from the machine, providing a "virtual" hands-on experience of how the machines operate.

To enhance the experience and create a more engaging environment, we added background music to accompany the ordering process. This addition helps to captivate users, making the digital interaction as enjoyable and immersive as visiting an actual machine.

Enhancing User Navigation with Targeted CTAs

When users interact with a machine, strategic CTAs and detailed information become accessible to them. This design ensures that once a user engages with a machine, they immediately receive clear, actionable steps and relevant details. In this case, clicking on these CTAs directs users to PizzaForno's licensing landing page, guiding them to the lead generation funnel we built.

Client Testimonial

The Results: A 3D Virtual Showcase That Enhances Customer Engagement

We created a digital experience that reflects PizzaForno's unique brand, providing an online presence as distinctive and revolutionary as their product. This approach not only introduces potential customers to PizzaForno’s advanced technology but also effectively communicates the brand’s vision and the practical benefits of their machines.

Now, PizzaForno is equipped with a tool that enables them to provide virtual product demonstrations to any prospect across North America, offering new capabilities that were previously unavailable. By utilizing interactive elements and informative content, we've developed a platform that educates and engages users, turning curiosity into conversions.