Cylindo is a leader in 3D product visualization, dedicated to seamlessly bridging the gap between physical and digital customer experiences. Empowering businesses with cutting-edge 3D visualization to drive growth with tangible results.
With an advance of AI technologies Cylindo didn't miss the opportunity to work on exploration for a future products to come up with new ideas that will be used in the future.
Product design, work with stakeholders, Mock-ups, Final design, Design system, Prototype
2023
After discussion I identified two Jobs to be done:
1. When a user want to create lifestyle images with AI for several products, user want to use the dedicated tool, so I can stay focus and execute the task
2. When a user curating the content of an e-commerce page for a specific product, he wants to create the missing lifestyle images with AI on the spot, so I can go live with all the content and move on
Low fidelity wireframes stage helps to establish an conceptualize esitmate flow of the future product and establish main features we want to see on screens. It's a very helpful stage where we can discuss current approach with stakeholders and steer the future product in the right direction cheaply.
High-fidelity wireframes were incorporated on a screens where interactions based on existing UI-kit were easy to figure out and therefore save time on building final screens. Numerous small adjustments were implemented to adjust usability of particular screens.
During the process of the design of the main generate screen numerous variations were created to test different approach to generative AI design and understand limitations of technology better. Applying these screens via prototype we can find the best approach to design of the screen before handing them out to developers
Final screens represent full process of interaction with AI service including working with collections and sharing results with built-in services that will allow user to use them directly on their website collections via build-in website widget.
The last step was to connect all screens in one prototype in Figma so stakeholders and developers could have an interactive representation of the future piece of software.
I had a great time with this project dipping my hands in AI generative software and figuring out a case of cutting edge technology. The most interesting part was to figure out direct set of interactions with AI picture generator and how to limit it so it could stay within limits of architecure of picture usage.
