VR meeting platform: Speeding up collaboration on 3D projects by 27% with intuitive workflows
.svg)
Project overview
Creating high-fidelity, hyperrealistic 3D renderings of real-world objects and environments can be expensive and require advanced technology. Our client’s three solutions, VWorld, VStudio, and VModel, aim to remove these barriers to technology.
Vidina’s solutions enable 3D designers to scan objects, individuals, and environments with just a smartphone or a webcam. This speeds up 3D scanning and makes it more accessible and affordable.
Vidina’s users, however, needed a convenient way to demonstrate the created 3D renderings and collaborate on refining them. Standard video conferencing tools simply weren’t cutting it. They didn’t allow all participants to view and interact with 3D models independently during the meeting, let alone edit them.
That’s why Vidina decided to develop and launch a VR meeting web platform for its VWorld, VStudio, and VModel users. This platform would allow users to import their 3D models as projects and schedule and hold VR meetings with both registered and guest users.
To turn it into a real time-saver, however, Vidina needed an expert in human-centered design and responsive full-stack web development for collaboration tools.
Services
Challenges
Vidina needed the new platform to integrate seamlessly with its 3D modeling tools. So, our main challenge was turning the platform into part of Vidina’s ecosystem in every way, from support for VWorld, VStudio, and VModel files to user flows and design.
At the same time, the platform had to become a potent productivity multiplier for its users. That required human-centered UI/UX design with streamlined user flows that facilitate project collaboration on 3D modeling projects.
Our extensive discovery phase revealed the following key business needs and technical requirements for the project:
Strategic business needs
01 Launch a VR meeting web platform for VWorld, VStudio, and VModel users
02 Ensure the platform seamlessly integrates the workflows of Vidina’s users
03 Reach a user satisfaction rate of at least 85%
04 Deliver value to users in the form of faster collaboration and lower costs
Technical requirements
01 Design the wireframes and prototypes for the web platform using the human-centered methodology
02 Create design variations for desktop and mobile interfaces and ensure responsiveness across devices
03 Develop the web platform with user management, 3D model import, and VR meeting scheduling
04 Add real-time notifications to the platform
05 Implement support for VWorld, VStudio, and VModel 3D models
06 Reach the system usability scale (SUS) score of at least 85
07 Minimize time on task and keep the user error rate below 10%
08 Secure a scalability index above 85 to ensure high performance under various loads
We’ll design and iteratively refine user-centered workflows to make them simple, convenient, and fast for your target audience.
Talk to an expert.webp)
Solutions
We began our work on Vidina’s VR meeting platform with extensive user research. Based on our findings, we created the wireframes and prototypes. With the client’s approval, we then turned them into a fully functional Angular and JavaScript web platform with a responsive interface and scalable backend.
The final iteration of the web platform is a fast, intuitive solution that facilitates interactive collaboration on 3D modeling projects. It includes:
- Sign-up and sign-in page with validation rules
- User profiles with 3D avatars
- Real-time alerts about meetings
- Projects with 3D model import, sorting, and search
- VR meeting scheduling with guest user invites
- User management for teams and organizations
Early adopters reported that the web platform increased collaboration by 27% and reduced costs by 16%. Our human-centered design philosophy and iterative approach enabled the platform to secure a 92% user satisfaction rate and a 93% task success rate.
Sign-up and sign-in
To gain access to the platform, users have to sign up or log in to their account. To facilitate sign-up, we implemented a simple form that validates input and requires re-entering the password to confirm it. The login screen complies with established UI/UX conventions, streamlining the process as much as possible.
The task success rate for the sign-up action reached 94% during our user testing, proving the process was simple and intuitive for the target audience. During our iterative design improvements, we also refined the login process, reducing time on task by 16%.
User profiles
Once logged in, users can edit their name and contact details and upload their profile pictures and 3D avatars. The latter serves as the user’s avatar during the VR meetings. We implemented support for all common 3D files to avoid friction that could be caused by limited file format support.
To keep users up-to-date on the latest invites and upcoming sessions, we implemented real-time alerts displayed at the top of the screen. We minimized latency for these alerts to make them truly real-time.
Projects
The projects tab contains all the 3D models users have uploaded to the platform. These 3D models can then be viewed and edited during VR meetings.
Adding a new 3D model is as simple as uploading the corresponding file and entering the project’s name. This minimizes time spent on the task and streamlines the user experience. The available projects can then be easily sorted and searched, improving their findability.
Sessions
The sessions tab lets users view their past and upcoming meetings, schedule new ones, and demonstrate and edit a specific 3D model. Users can also invite meeting participants via email address and set their roles (admin, user, or client).
We streamlined creating a new session by limiting the number of fields in the form, all while ensuring they were enough to meet various user needs. That’s why, for example, we added support for inviting guest users who don’t have an account on Vidina’s platform yet.
On top of that, users can set up custom alerts for the meetings and project views and add both start and end times for every meeting.
Users
To facilitate collaboration within organizations, we added the users tab to the platform. This tab allows admins to invite other team members via their email addresses and assign and manage their roles.
The uploaded projects are then accessible to all users on a given team. They’re also listed on the session-creating screen, eliminating the need to copy and paste email addresses for invites every time.
Dark mode
Our user research revealed that the target audience is likely to use the dark mode whenever presented with the opportunity. That’s why, with our client’s say-so, we designed and implemented the dark mode for the whole platform.
We also added a toggle in the top bar to switch between the light and dark modes instead of hiding it in the user settings. As our A/B user testing proved, this further increased feature adoption by 21%.
Tech stack
Impact
Our focus on user-centered workflows and streamlined navigation allowed Vidina to launch a VR meeting platform that facilitates collaboration on 3D models. As a result, our client saw multiple positive outcomes, including:
We can make your interface truly intuitive based on extensive user research and exhaustive testing, driving user engagement and satisfaction as a result.
Contact usTestimonials
The responsiveness, attention to detail and high-level communication from Darly Solutions was outstanding. Communication with the team was all online and was absolutely seamless. They were highly responsive, worked to tight deadlines and provided great feedback and communication throughout the entire project to ensure it remained on schedule and all quality requirements were being met. They exceeded all of our expectations, from design through to delivery.
LLC Darly Solutions's team performs well since the collaboration started. They are fluent in specific programming languages, they are also fluent in English, and they have a great response time. What is most unique and impressive about Darly Solutions is that everyone in the team is inherently communicative and understands the expertise of their respective fields. The team is very agile and can predict stress situations in which we work together to fix and maintain.
Darly Solutions' work so far inspires confidence, as they're skilled and trustworthy. The health platform is incredibly happy with their work. The team at Darly is communicative, responsive, and responsible. I’d recommend them to people looking to do more than build a simple little software.
By collaborating with Darly Solutions, there is a significant improvement in the project's quality of codes compared to their original codebase. They lead efficient project management and keep the client updated with their reports. They're a flexible team that delivers promising results. They don't just do as they're told, they actively participate in the design process, which is going to yield us a much better platform in the end.
Darly Solutions was able to develop the site with all functions running. The team was responsive throughout the engagement. They excelled at scheduling and delivered projects on the specified timeline. The whole team was a pleasure to work with. I am very glad that I entrusted them with my project, this is the best company for me!
The quality of their work is very high, and we get very good customer feedback on what our site looks like. They're very reliable and have a great overview of the technologies they're using. They meet our deadlines and are very accurate with their time estimations on a project. In addition, they're responsive and great with communication with a great command of English — it's very easy to talk to them. Moreover, we've integrated them into our development and scrum process, where we have daily stand-ups with their project manager and developers through Slack.
LLC Darly Solutions are highly skilled at UI/UX and follow very good engineering standards, and have been very professional in its approach to all the work to date (including the initial consultancy, which was the deciding factor). They have taken ownership of the work in way that demonstrates how much they value the work they are doing and consequently the work we are doing. I am gaining confidence that the decisions they make are good decisions and that this will result in a product that will exceed our initial expectations.
Darly Solutions developed the app in a quick manner, and the code quality was excellent. The professional team was committed to building a successful product. The code quality was good, and the app has been built in a little more than 1 month, which is a result I'm very happy with. They were laid back but professional at the same time.
Darly Solutions’ work helped my business tremendously. They were able to identify key areas for growth and improvement. The team was communicative and professional throughout the entire engagement. LLC Darly Solutions is a solutions-oriented vendor that drives results. They’re really professional and they know what they’re doing. The team knows how to identify my problems and solve them.
Related case study
Connect with us
.webp)
We are a tech partner that delivers ingenious digital solutions, engineering and vertical services for industry leaders powered by vetted talents.
