ABOUT

Project Timeline

To cope with the tight schedule and uncertain project scope, we closely collaborated with the team to ensure alignment and involvement. Using Agile development, we iterated rapidly to launch a testable prototype in minimum time.

Our Problem Statement

How might hosting real-time, synchronous 3D content through pixel-streaming open up new value structures between 3D creators and their community?

Comparative Research

To begin, we conducted an audit of the 3d content landscape, reviewing a variety of platforms including virtual galleries, Spatial.io, Roblox, Decentraland, as well as other desktop and mobile applications.

conception

After conducting market research, we identified a gap in the market and a corresponding opportunity.

The emergence of easy-to-use 3D tools and game engines has led to a surge in creators capable of producing interactive content, both professional and amateur. However, existing public-facing platforms often limit the interactivity of such works. In response, we could create a platform that focuses on sharing short, interactive content created by individual creators, enabling viewers to experience their work seamlessly and without friction.

Creating large-scale digital interactive content, such as video games or social Metaverse platforms, typically requires substantial resources and collaborative effort. This poses a significant risk for small teams or individual creators. Additionally, limitations such as download speeds and device compatibility often prevent content consumers from accessing such experiences.

Primary Research

To validate our assumption and ensure a market for our platform, we conducted user research and aimed to understand the needs of 3D content creators.

Our research involved reaching out to NFT artists, creative coders, Indie game developers, and animators whose works we believed would align with SWIK. Through one-on-one interviews, we aimed to achieve the following research objectives:

user archetype

We synthesized our research findings into a user archetype, which allowed us to focus on the specific type of content creators we aim to serve and impress.

insights

We created the information architecture of the MVP and included all the features that we regard as essential for showcasing the potential of the platform and relevant to our business metrics.

wireframe

We iterated the screen design from low-fidelity to high-fidelity based on usability testing insights. And after delivering the design, we worked closely with the engineering team to make sure the implementation is pixel-perfect.

Testing and prototyping

We tested those navigation models with some people who had never used a gamepad before, and we found the one-hand control that utilizes the phone accelerometer is the easiest to learn. However, after communicating with the engineering team, not all browsers support access to the phone accelerometer. So eventually we took a step back and decided on a design that works on all browsers and phones.

Onboarding

Since we kept minimum UI elements to preserve the immersiveness of the experience, for users especially those new to 3d experience to quickly learn to navigate the space, we created a short onboarding experience showing them how to use the UI control.

Moodboard

Our visual language aims to appeal to the creative community and it should create a breathable and low-key edgy vibe with a concise and scalable scheme. So we collected different references to figure out a style that fully displays the characteristics of our product.

Design system

The dark color theme was derived on the basis of the experience's immersive and entertaining characteristics. Our iconic neon green hinted at the technology behind the platform and the promising future it holds. We also created a series of custom flat icons to support its techie style.

Branding assets

I was tasked with creating social media visuals for SWIK's announcement and release. Visual language is based on the extracted keywords of the platform: Mobile, Playfulness, and 3D experience.