Project Overview

• Mission: To build a robust online platform for creating and managing interactive 3D/H5 events, tailored for high-end industrial modeling and electronic product showcases.

• Key Challenge: Transforming professional 3D editing capabilities into a user-friendly web interface while maintaining the precision required for industrial-grade visualization.

Description

A. Professional Spatial Editing Interface

To balance functional density with visual clarity, I designed a dark-themed, minimalist workspace that prioritizes the 3D viewport. The layout utilizes modular sidebars for object properties, scene hierarchies, and asset management, ensuring that creators have immediate access to complex tools without cluttering the interactive canvas.

B. Intuitive Interaction Design for 3D Assets

I independently developed the interaction module, focusing on the seamless manipulation of 3D models and H5 events. This included designing custom UI components for property adjustments (coordinates, rotation, scale), lighting controls, and material selection, providing a desktop-class experience directly in the browser.

C. Streamlined Asset & Scene Management

I implemented a hierarchical file management system that allows users to organize complex projects into multi-level directories. By designing intuitive icons and clear tree-structures for scene objects, I significantly reduced the cognitive load for users managing hundreds of industrial parts or interactive triggers.