vSTAGE Editor
3D Editor & Presentation Engine
Transforming complex 3D data into intuitive, real-time presentations - vSTAGE bridges the gap between technical intricacy and user-friendly design. The challenge: Design an interface accessible to both seasoned CAD professionals and newcomers. My role: Lead the UI/UX design to ensure usability across this diverse user base.
Pikaboo
Allow users to toggle UI elements, reducing clutter and focusing on the task at hand. Personas like 'Export' and 'Overlays' tailor the interface to specific workflows, enhancing efficiency.
High-Fidelity Prototype Demo
Demo: high fidelity prototype made in Figma
Always avoid horizontal scrolling... unless...
We adopted horizontal scrolling for the 'slides-bar' to align with user expectations of progressing content to the right, similar to image galleries. Enlarging the tracker improved navigation and user satisfaction.
Product page designed in Figma
Company Website I designed to introduce the products vSTAGE and vHUB
Concept showcasing the initial layout for the onboarding panel.
Navigating and finding objects in 3D space is one challenge; doing the same with the help of UI elements is another. There are potentially tens of thousands of 3D components, and if you want to select, filter, tag, color, or show/hide many particular elements like nuts and bolts, a well-designed UI can make this task painless. Other neat features not mentioned here include bookmarks and selection sets, inverse selections, etc. These are all very important tools that can be extremely useful and save a lot of time.
Conclusion
There is, of course, much more. More challenges and more UI work I have undertaken. This project reinforced the importance of iterative design. Initial assumptions about reusable UI components evolved through continuous testing and feedback, leading to a more adaptable design system.
Gallery
