Spatial Guide | XR

Rethinking furniture assembly with XR

Redefining the building process of furniture with the use of mixed reality to remain error free and to build at speed.

Framer University Logo

Furniture Assembly with Mixed Reality

This solution employs mixed reality (MR) technology to rethink or considerably enhance furniture assembly. By utilising mixed reality, users can visualise step-by-step build instructions projected directly within their space with seamless integration with the furniture components.

The system provides precise visual overlays showing how parts align, fit, and connect, eliminating the need to decipher complex diagrams. Interactive prompts guide users through each stage, with voice commands & the ability to toggle hand-tracking features, ensuring accuracy and reducing frustration.

Overall, this approach bridges the gap between digital instruction and physical objects, creating an intuitive, user-friendly experience that saves time, minimises errors, and enhances satisfaction.



Defining the problem

Assembling furniture using paper diagrams often leads to confusion, misinterpretation, and frustration. This challenge arises from unclear instructions, mismatched parts, and a lack of spatial visualisation. My mission is to find a solution that leverages mixed reality to transform this process into an intuitive, error-free experience.

Defining the solution

With Mixed Reality , users can view holographic, step-by-step instructions overlaid directly onto the furniture components. This immersive approach eliminates ambiguity by providing:

• 3D visual guides that show exactly where each part goes.
• Real-time feedback to ensure correct assembly before proceeding to the next step.
• An interactive workspace that adapts to user actions, offering tips and warnings as needed.

By integrating technology with everyday tasks, mixed reality not only simplifies furniture assembly but also enhances user confidence and satisfaction. It’s the perfect convergence of innovation and practicality, making complex tasks feel effortless.

Onboarding:

Flow:

Wireframe

Simplicity is key here. The user already has a product and is looking for the instructions to help build it. Also, the final interface will be represented in 3D and be highly visual so a simple flow much like a list will ensure they find the correct instructional to match their product.

Setting the workspace & menu placement

Upon starting the experience the user will have the ability to ‘Set the space’. This will ensure the main UI and instructional content will spawn in the right place and ensure it’s non obtrusive but still a part of their environment.

Stage One:
The user will place a marker via a raycast which will represent the top left of the workspace. Then a second with a joint for size representation.

Stage Two:
A rectangle will instantiate with a size based on the the distance between the two markers. The rectangle size is calculated between the two markers with the first marker representing the top left corner and the second representing the bottom right hand corner.

Stage Three:
Now the rectangle has instantiated, the user will be given the choice (Via a 3D UI) to either recreate their workspace or continue onto the next stage.

The main UI

Once the user has set their working space the main UI will instantiate at the top centre of the working plane. and will be set in this position until they restart the experience.

The main UI will consist of three sections:

The selection stage:
Here the user will select the product they would like to build. Very much like a shopping experience thats 3D, Clean and minimal. Once the user selects the product they would like to build they are then presented with a 3D representation of the product and given the option to go back and choose or continue onto the next phase.

The preparation stage:
Once the product is chosen, the user is presented with a 3D outline/opaque version of the product. And a layout map which will allow them to lay out the pieces within their workspace.

The Instructional stage:
Here the user will be guided step by step in building the product. The pieces they need to start with animates into the outlined version of the product and is highlighted within the layout map so they know which pieces they need to select.


Build section

The build section will be at real world scale. The user will see the product layout map with pieces at scale so they can lay them out accordingly.

As they visualise the pieces that connect and the elements that are part of that section of the build they will use an interaction to move forward to the next phase and so on until the full build is complete.


Stage One:
When the product is selected the user will see a digital representation of the product they want to build along with a layout map that will allow them to layout the pieces to prepare for build.


Stage Two:
When the user is ready to build, the next phase will show an outline of the product with two pieces connected.


Stage Three:
Iconography & hints will show the user what pieces are needed to build the first part.


Stage Four:
With all pieces highlighted the user can then proceed with that step of the build. Once the pieces are connected they can move on until the process is complete.

Stage Five:
The user will piece together the parts needed to progress to the next section of the build.


Stage Six:
The user will then use a voice command to move onto the next build section.



Stage Four:
With all pieces highlighted the user can then proceed with that step of the build. Once the pieces are connected they can move on until the process is complete.

Walkthrough:

XR Designer

©

BETA 1.1

WHO

Play:

Notes:

Beyond the frame. Into the Experience.


Hey i'm Chris - someone who's always been drawn to creativity, connection and making things that matter. Whether i'm working on a personal project or collaborating with others, I care deeply about doing things with heart and intention. I specialise in graphics & motion, 3D & Extended Reality (XR), creating immersive and impactful work for entertainment and brand experiences. This space is a reflection of who I am and what I love - a mix of ideas, experiments and things i'm proud to share. I'm forever evolving, always learning and always open to new conversations. If something resonates with you or you're curious about collaborating i'd love to hear from you. I don't share that much commercial work online but you can check out more of my work on Behance, Vimeo and ArtStation.

Looking to collab?

Feel free to reach out if you'd like to discuss a particular project(s) ✌️

Modern House

CPY

LOC

Location: London | hello(at)hillierforshaw.co.uk

©2025 Hillier-Forshaw. All Rights Reserved

I'm working on making

your experience better for

mobile. Check back soon

or visit on desktop.