Jungle Site Digital Twin

01 / 04

Project Overview

This project was initiated as a real-world engagement with a client in the energy sector. The goal was to explore how digital twin technology could enhance operations at rural well sites.

Initially built as a proof of concept, it was later evolved into a public demo showcased on the Unity website.

Our focus was to demonstrate how real-time 3D visualization and interactive monitoring could optimize remote operations, improve safety, and enable predictive maintenance in energy infrastructure.

02 / 04

Key Contributions

In this project, I was mainly responsible for the UI and interaction design.

I started by exploring early concepts, working closely with the team to define how users would interact with the 3D environment in a simple and intuitive way.

As the project moved into development, I continued to support the implementation process, helping to fine-tune the UI inside Unity and making sure the final experience stayed true to our original design vision.

03 / 04

Design Process

Concept Exploration

At the start of the project, I worked closely with our 3D artists to explore how the interface might function within a 3D environment.

Using Blender, I quickly built and tested early concepts, which helped us visualize the ideas and stay aligned with the client’s expectations from the beginning.

* Prepare 3D assets.
Since we didn’t have all the final assets at the beginning, I created temporary models based on reference images to simulate the real environment and support early design exploration. (the Well Head and Vx Spectra models above are from client.)

* I used Blender to render images from the 3D assets to better visualize and communicate the design ideas.

* Early design mockups.
I used rendered images to quickly build mockups and prototypes to test ideas with the client.

UX Design

The UX design was led by my colleague Alex. The main goal was to understand different use cases and define the overall user flow and wireframes accordingly. This also involved gathering key content and data to support the design.

* Part of the user flow and wireframe design.
Created by my colleague Alex.

Interactive Design

Defined interaction behaviors for 3D object manipulation and operational workflows, optimizing for touch-based input on tablet devices.

* Created interaction guidance and collaborated with developers to test it on iPad.

UI Design

I set up a lightweight design system—including styles, typography, and components—based on the client’s branding. Using the wireframes and user flow as a foundation, I created UI mockups to define the final look and feel.

* Built a lightweight design system aligned with the client’s branding.

* Final UI mockups

* Part of the UI Design in Figma

Implementation Support

During the development phase, I supported the UI implementation by working directly with Unity developers.

Because the visual output in Unity (using UI Toolkit) didn’t always match the Figma designs due to rendering differences, I jumped into the engine to help fine-tune the layout and styles, making sure the final product stayed true to the original design intent.

* Refined UI styles inside Unity using UI Builder, bridging the gap between design and implementation.

When we later adapted the experience from iPad to WebGL for the public demo, I noticed that the original design wasn’t fully optimized for different screen sizes. Although we didn’t have enough time to rebuild everything responsively, it gave me a lot of ideas on how we could better approach multi-platform design in future projects.

04 / 04

Outcomes

The project successfully demonstrated the transformative potential of real-time 3D digital twins in the energy sector. It was selected as part of Unity’s official Energy Digital Twin showcase, highlighting how immersive, accessible design can bridge complex industrial operations with user-centric digital experiences.