3Elements

Get ready for fully 6DoF and hand tracking interactions. Project Crane is a design system that helps to build awesome and intuitive immersive experiences for the future.

Introduction

Crane synthesizes motions and interactions inspired by origami into its interfaces, in order to organize spatial information intuitively.

Goals

CraneIdeaIllustration

Create

Create a visual language that synthesizes the real world objects with the strength and possibility in an immersive space.

Prepare

Learn what is coming in the future and get ready for the user experience design at the "End-Game" of XR.

Extend

Expand Crane’s visual language to fill in any of contents and customize for brand expression.

"3M" Principles

Metaphor

Crane is inspired by origami from the real world to organize information and create hierarchy on the user interface.

Motion

While the user cannot have the same haptic feedback in a virtual world, Crane provides simple yet unique motions to maintain continuity for each one of the input.

CraneMinimal

Minimalist

Attention is crucial. We don't want to create more cognition load in the immersive experience to drive our users away from the valuable content. Crane applies low saturation color in most of the interface elements to serve as the canvas for volumetric contents.

Bitnami