In this project, I designed an interactive platform that allows users to explore parts and assemblies through a dynamic 3D model. The design wa crafted in Figma, focusing on creating an intuitive user interface that enhances the user experience while navigating complex components. The development was carried out using Unity, enabling immersive 3D visualizations that facilitate a deeper understanding of the product.
Dynamic Search results
One of the key flows I designed for the platform was the live search functionality for parts. This flow encompassed several essential screens, including default screens, notifications for no results, no matches found, live search results, and search input results. As users typed in the search box, the 3D model dynamically updated to display relevant results in real-time, enhancing the interactivity and usability of the platform. This feature not only streamlined the search process but also provided users with an engaging way to explore parts and assemblies, ensuring they could easily find what they were looking for.
Collaboration feature
A standout feature of this product was the collaboration capability, which was designed to enhance user interaction and facilitate knowledge sharing. We conducted thorough research on existing collaboration platforms like Figma and Mural, examining their collaborative options and translating those insights into our platform. Users were able to share sessions with others, including experts and colleagues, fostering a supportive environment for exploration.Collab feature allowed users to follow others during sessions, enabling them to receive real-time guidance on specific parts. Additionally, users could suggest parts to be added to their cart, enhancing the overall shopping experience.
To facilitate communication, we developed a system of dialogs that popped up beneath each user bubble, allowing seamless interaction and collaboration throughout the exploration process.
This feature significantly enriched the user experience by promoting teamwork and informed decision-making.
Share link dialog
Karltons Dialogs
View of Martha's dialogs
Comprehensive User Flows: Delivered 10 detailed flows covering tasks such as Search, Hover on parts, Collaboration,
and Add to Cart.
and Add to Cart.
Interaction Guideline: Detailed interaction instructions per device, visualizations, and collaboration behavior, aligning with business requirements.
Design Guideline: Provided for each flow, covering usage, behavior, placement, styling, and variants, ensuring consistency across the platform.
Throughout the project, I maintained constant communication with the development team, fostering collaboration and ensuring alignment between design and functionality. Utilizing an agile methodology allowed us to iterate quickly and adapt to feedback, enhancing the overall effectiveness of the platform. This approach not only streamlined the development process but also ensured that the final product met user needs and expectations.