Role: UX & UI Designer, Art Director
Duration: Sept - Nov 2022
Industry: CyberSecurity, Virtual production
Snyk has tasked our team with developing an XR mini-game to be showcased at AWS re:Invent 2022. The mini-game served as an interactive introduction to Snyk's wide range of cybersecurity products and features, while ensuring strict adherence to their existing brand guidelines.
Role: In this project, my primary responsibilities encompassed designing the discoverability, onboarding, and in-game experience. Additionally, I took charge of developing a comprehensive content strategy and art directing the game to ensure a consistent, cohesive, and visually aligned experience that reflects Snyk's brand identity.
My goal was to create an entry point that was both user-friendly and engaging for participants. To achieve this, I leveraged XR technology and integrated a QR code scanning feature that allowed users to register and access the game using their smartphones. Once inside the game, participants were immersed in a scavenger hunt-like experience, triggered by image targets and camera tracking. This experience encompassed five distinct events, providing players with challenges to overcome and opportunities to compete for an enticing prize.
Web-clip utilized on social media channels.
To enhance user engagement, I crafted visually appealing interfaces and interactions that encouraged further exploration within the game. Throughout the design process, I incorporated Snyk's unique branding elements, including the logo, color palette, and typography, to ensure a cohesive and easily identifiable experience for participants.
During the onboarding process, my goal was to provide participants with a seamless introduction to Snyk's products and features. Through a combination of interactive tutorials, tooltips, and concise instructional content, I ensured that users grasp the key concepts effortlessly.
Splash screen, onboarding and game instructions
1. Find five vulnerabilities lurking around the Snyk booth.
2. When you see a "Vuln" swipe it to face a security challenge.
3. Once you've solved the five challenges, redeem your prize.
With our engineering team, we conducted an image targeting test using 8th Wall, an augmented reality development platform. This test involved utilizing image recognition capabilities to accurately track and interact with specific target images in the real world. The purpose of this test was to assess the performance and functionality of the image targeting feature within the XR experience.
Used visual examples in High-Fidelity prototypes to facilitate understanding of interactions and gesture functions across dev teams enabling rapid development
Upon successfully answering the five questions correctly, participants were rewarded with an invitation to redeem a prize. Furthermore, they were encouraged to dig deeper into Snyk's extensive portfolio of products and features.
Designing the mini-game with Snyk's dynamic design systems was an enriching experience. As a designer, I concentrated on creating an engaging, educational, and enjoyable XR-based experience, gaining valuable insights along the way. I thoroughly enjoyed the freedom and challenges we encountered while bringing this vision to life