GOOGLE CHROMEBOOK UNBOXING

Cassette designed a virtual unboxing experience for the launch of Google's Acer Chromebook 513, as part of a broader marketing campaign aimed at providing customers with an educational and engaging way to learn about their new device.

Customers are directed to an interactive web experience of a customized Google apartment by scanning a QR code on the product packaging. The experience features static panoramic images with interactive hotspots that activate animations or demonstrations to guide users through the device's features and functions. The experience offers a choice of up to six languages: English, French, German, Italian, Spanish, and Dutch and was developed using Cassette's in-house Virtual View platform for immersive web experiences.

Although I lacked prior experience in PlayCanvas or the use of JavaScript, I was tasked with rewriting the system and incorporating new features for this project. Despite this challenge, I successfully accomplished both objectives and met the expectations of my team and clients, ultimately delivering the project.

Programming

UI

During my involvement in this project, a significant portion of my time was spent reconfiguring the user interface (UI). When I initially joined the project, the UI functionality was not stable, and I was brought on board to take over and improve it. My tasks included re-establishing all click interactions, as well as sequencing the animation and determining the UX flow of the UI experience. I also focused on optimizing the UI for a better user experience by streamlining the navigation and ensuring that the layout was intuitive and easy to use.

Analytics

As part of our web application development, we integrated Google Analytics 4 (GA4) into the platform. As the team member responsible for this task, I took charge of setting up the events in the appropriate areas of the project. I also ensured that these events were being properly streamed into the analytics account, so we could effectively track the usage and behavior of our users. My role included collaborating with the rest of the team to define which events were most important for us to track, and then implementing them in the most efficient and effective way possible.

Panoramic Rendering Plugin

In order to capture the environment within Unreal Engine, we utilized an earlier version of our in-house panoramic rendering plugin. This allowed us to generate 360 panoramic images, which we then exported into PlayCanvas. This process enabled us to create a more immersive and interactive experience for our users, as they were able to explore the environment in a more engaging way.

Content Population & Localisation

To make the experience accessible to users in different regions, we localized all the content into multiple languages. This was made possible by using JSON data to drive all the content within the platform. When a user selected a language at the beginning of the experience, all the corresponding images, videos, and text were automatically allocated. I played a key role in implementing this feature, working closely with the development team to ensure that the localization was accurate and seamless. This approach helped to make the platform more accessible and user-friendly, regardless of the user's language preferences.