vHUB Cloud
3D Twin Platform
vHUB is vSTAGE's (see project) big brother and responsible for storing and managing 3D data, media, materials, and more. My task was to design a platform capable of handling various tools and views. This includes user management, material remapping, filtering large lists, and a WYSIWYG view for creating guided presentations and instructions.
The wheel works!
Since there is a significant amount of data to display in most views, I decided not to reinvent the wheel. We have implemented a table layout that can be switched to two types of grids or a list. On the left, you can filter by various kinds of metadata to which we have access. This approach works well for projects, materials, images, videos, etc., as demonstrated here.
On the other hand: If you visited the vSTAGE project before coming here, you know that vSTAGE can be used to create instructions or even interactive questionnaires to certify employees. And vHUB is the place to create those forms/overlays. In the image below, you can see the first draft of an interactive form builder. You can drag blocks with UI elements to the panel on the right, where you set them up, and to the far right, you can see a preview of what the form will look like inside vSTAGE. However...
First version
...vSTAGE is built with the Unity 3D game engine, and new features have allowed us to overlay those forms in the form of a browser webview. This provided us the opportunity to rethink the process and significantly improve the user experience. Now, we can create those forms and overlays within a WYSIWYG editor. Simply drag blocks from the right panel into the white panel to create your UI in this manner. You can type directly in the WYSIWYG editor, eliminating the need for a separate input field. Additionally, to keep the interface simple, we've incorporated the slide bar from vSTAGE, offering the ability to add chapters to your presentations directly in the viewport. If you're interested, you can check out my interactive prototype.
Themes
Light and dark themes are available
Login and Download
Mockup for 3.0 Release of vSTAGE and vHUB Login
Conclusion
There are currently more views and tools in the making, and I will update this page when I have more to share. In the past, I designed a multitude of websites and landing pages. These days, I design fully-featured service platforms and web/desktop apps. Don't get me wrong, I love it! The approach, however, is very different. Instead of thinking 'website,' you have to think 'desktop app.' There's no 'call to action' button or 'above the fold' concept. It's an 'app,' and the priorities of how a user interacts with it differ significantly from those of a normal website. This presents a great opportunity for me to keep learning and improving.