Legend VR WebXR UX Strategy

How I helped a Hollywood effects House build a WebXR Real Estate App

The UX in VR Problem...

Project to build a WebXR Real Estate app.

Hollywood Effects house Legend3D had a client in the real estate industry that wanted to get into virtual reality. Unlike many other projects, the client was interested in developing a web-based VR system within their existing sites, and needed to app to run without downloads or plugins. Basic walkthroughs in 3d were designed to compliment existing web assets.

In August 2016, I was asked to help Legend define and develop a web-based virtual reality app, using the WebXR JavaScript API.

What Was Needed

Research and Interaction Design

Interaction Diagram for Legend3D VR app

Project Management

sample UI evaluation webvr code sample


Legend 3d WeVR User Interface

The resulting WebVR app was an early example of the potential of WebXR for linking virtual reality directly to websites. Unlike most WebVR apps of the era, it performed seamlessly in a variety of modes: magic window, smartphone VR, and even full headsets (HTC Vive).

The above features a short video demonstrating the WebVR interface. To record, a VR emulator (rather than actual headset) was used. The video shows navigation caused the user tilting and panning their head to look around. Certain objects they look at have blowups, e.g. to show furniture in the room better.

Other Immersive Media Projects: Language Learning App