Atlassian needed something extra for an offline corporate event it was planning. So they came to us in search of an immersive solution.
The company wanted the product to create an interactive environment for people that attended the event. The purpose of this was to prevent the guests from becoming bored before the main event began.
The product was also required to provide participants with an insight into the brand’s identity. This would then create a better connection between the company and its employees.
To achieve its goal, the company gave us a mascot for the event — a gummy bear. What roles did the gummy bears play? Did they have any superpowers? The WeAR team took Atlassian’s ideas and brought them to life in the cutest way possible.
The successful execution of the project would have been impossible without a clear understanding of Atlassian’s goals. Even when plans had to be changed due to the lockdown, we remained in touch with the company’s team to find a suitable solution.
We designed the Atlassian masks using Spark AR Studio. The SparkAR Studio is a platform that allows users to develop AR effects for mobile cameras. However, this technology is updated frequently (sometimes even weekly), so we had to put in more effort to keep up with the updates and level up our expertise.
Our first idea was to create an ‘inverse’ mask. The AR experience was to be activated by the rear camera of smartphones rather than front cameras.
Once the experience began, a gummy bear would appear on the shoulder of the person in the camera. The person would then try to win a guessing name known as ‘Tap the Bear’.
A participant wins by guessing the shoulder the bear is sitting on correctly. But since shoulders couldn’t be tracked, users were to position the gummy bears by adjusting their phone’s angle.
We designed a portal that users can go through to enter a 360-degree video using WebAR technology. Also known as web-based augmented reality, this technology allows users to share AR experiences through their browsers. Hence, no application has to be installed.
Another issue we encountered was that Atlassian wanted high-resolution videos which were too large to support WebAR technology. As a result, we had to utilize the optimal video codec and the file size to satisfy the client’s needs.
Unfortunately, the offline event had to be canceled due to the lockdown. So, we had to develop solo experiences for the participants.
The gummy bears remain on the shoulders of the users, but this time, they have a superpower. They shoot beams out of their bellies, and when the users click on them, they move along with the company’s logo.
Additionally, the speed of the beam increases with every click (up to four or five times before starting over). Atlassian designed the custom background used in the filter.
Sounds very interesting, right? But that’s not the end of the fun. We created another filter that utilized head tracking for a game!
In this game, users are required to collect letters by flying rockets over them. The rockets fly as the users tilt their heads left and right. A point is rewarded for each letter a user collects, and the game continues until there is an unsuccessful flight.
Before presenting the final product to our client, we carried out several quality tests. The importance of this test was to ensure that it performs smoothly and meets all the requirements of our clients.
Identifying the initial goals of our client
Adjusting our solution to the reality of lockdown
Creating high-resolution videos with optimal video codec
Playing with materials and shades of the portal to make them look real
Despite the challenges we faced during the execution of this project, we managed to exceed Atlassian’s expectations. The numbers speak for themselves: