ZAPBOX
PRODUCT DESIGN
My role
UX / UI
Animation
Ideation
Package design
Illustration
Game design
Product design
Programs Used
Figma
Photoshop
After Effects
Illustrator
Overflow
Zapbox is an innovative mixed reality (MR) platform that combines the physical and digital worlds through an affordable and accessible system. Zapbox leverages the capabilities of smartphones to offer users an immersive MR experience without the need for expensive hardware. It includes a headset that uses a phone's screen to display digital content, along with controllers that enable interaction with virtual objects. This setup allows users to explore augmented reality (AR) and virtual reality (VR) applications in various fields such as gaming, education, and training. Zapbox aims to democratize MR technology by making it widely available and easy to use, promoting creativity and engagement across diverse user groups.
I was responsible for various elements of the product design, graphic design and the experiences.
I conceptualised and designed the onboarding journey for the initial setup of Zapbox. Originally, the journey was developer-focused and lacked cohesive design elements, making it functional but not engaging.
My goal was to elevate the user experience and impart a premium feel to the product from the outset.
Zapbox utilises 3D shapes for its key graphics, so I integrated these shapes into the onboarding process. This approach visually guided users through the steps required to achieve the perfect setup for their Zapbox.
To help the developer with animation transitions I created an animated version to explain how the elements interact with each other. Although the user journey is very important to product design, I also feel the way the UI animates is really important to getting a premium looking product.
I also designed a quick start guide that gives the user a simple step by step guide to setting up their new Zapbox View here
Below is the example animation and simple flow for the various onboarding steps;
Onboarding
Packaging Design
I was also tasked with enhancing the packaging design for Zapbox.
The original design featured a simplistic view of the product on a white background. Due to the transparent plastic used in much of the headset, this made it difficult to see most of the Zapbox on the cover.
To address this, we decided to incorporate more of the branding colors, shapes, and an image of someone using the product. While I personally found the chosen model a bit cheesy, I believe the overall redesign made the product packaging significantly more appealing.
I also illustrated a more interesting pattern for the cardboard inlay but we decided it was not really needed. Here is the sketch,
Experience Design
I also designed most of the initial experiences that appeared on the App Store as an introduction to Zapbox and its capabilities.
I created user flows for all of these experiences, created all artwork including logos, iconography and any other UI elements.
House Party Pool
House Party Pool brings an innovative mixed reality billiards experience, blending the physical and digital worlds seamlessly. Utilizing full-color pass-through technology and designed exclusively for Zapbox, House Party Pool is optimized for iPhone 11 and newer models. Whether you're playing with friends in the same room or competing remotely, this game offers an unbeatable social gaming experience.
Zapbox 3D Model Viewer
The 3D Model Viewer offers an unparalleled mixed reality experience, letting you effortlessly bring 3D models into your physical space. With direct integration to Sketchfab’s vast catalog, you can explore thousands of models right from your device. Whether you’re a 3D designer, architect, educator, or anyone in need of a streamlined 3D workflow, this app provides instant access and immersive model viewing like never before.
Zapbox Chess
Enter a new realm with Zapbox: Chess, the ultimate mixed reality chess experience that transforms this timeless game like never before. Blending the physical and digital worlds, this immersive game delivers thrilling gameplay for players of all ages. Whether you're competing with friends locally or online, or sharpening your skills against Casparov, our friendly AI chess bot, Zapbox: Chess offers a fresh, game-changing way to enjoy chess.
AWE stand banner
Zapbox made an appearance in AWE USA this year and I was tasked to create a giant 20ft x 8 ft banner promoting Zapbox and Mattercraft.
I prepared everything to be print ready in the US so our representatives could just pick it up before the exhibition.
Here is the design;