UI / UX / DESIGN & BUILD · SPATIAL CONFIGURATION
NST CAD Studio
Connect interface choices to a visible result, then carry the model into a clear technical reference.
Keep context in view.
The configured 20m × 60m structure sits alongside its project and shared-workspace controls. The UI keeps scale, enclosure and project context together, so the person making a choice can see the structure that choice belongs to.
Show what is beneath the surface.
Wireframe mode reveals the framework beneath the enclosure. Component labels and contextual controls connect a selection to its place in the model: visual feedback makes a structural decision easier to understand and inspect.
Move from interaction to handoff.
The general arrangement, grid, symbol legend and project information turn the interactive model into a technical sheet. The journey moves from exploring an option to communicating a plan that the team can review and export.
Built for the sales conversation.
NST CAD Studio is a sales tool. Before it, configuring and quoting a temporary structure took days or even weeks of back-and-forth, and clients had to picture the result from a list of dimensions.
I designed and built it with React Three Fiber and Three.js, keeping the intent and the interface simple: change a choice, see the structure.
The result.
Quotes that used to take days or weeks now take minutes to a few hours. Clients understand the structure and commit sooner, and specs need fewer revisions because everyone is looking at the same model.