Studying ProtoPie – A No-Code UX Tool
Creating an Interactive Bouquet for January’s Exhibition
When our group began brainstorming for an upcoming exhibition in January, we wanted to create something truly unique and interactive – something that would leave a lasting impression. The idea we landed on was both creative and ambitious: an interactive flower bouquet where visitors could personalize and create their own virtual bouquets.
The concept was simple in theory: an app running on a screen would let users design their bouquet, while a 3D sculpture would serve as the physical centerpiece. Flowers would then be projected onto the sculpture, turning it into a dynamic, evolving artwork.
However, as exciting as the idea was, the execution quickly became a challenge. None of us were particularly skilled at coding, and when we began developing the app using Angular, we ran into roadblocks almost immediately. Progress was painfully slow, and we were stuck trying to figure out how to integrate live projection or connect the app with tools like Resolume software. It felt like we had hit a dead end.
That’s when Michi stepped in with a fresh perspective and a bunch of new ideas. „We need to change the strategy,“ he said, introducing us to ProtoPie -a no-code UX design tool. At first, we were skeptical. Could this tool really solve our problems?
Discovering ProtoPie
To our surprise, ProtoPie turned out to be exactly what we needed. Its intuitive and user-friendly interface made it accessible, even for a team like ours with limited coding experience. We quickly got the hang of it and realized how much fun it was to use.
One of the most helpful features was its integration with Figma. This meant we could take our designs directly from Figma and import them into ProtoPie without any hassle. From there, we „coded“ interactions using simple triggers, buttons, and actions-no complicated programming required.
ProtoPie’s component-based design system was another game-changer. We could build modular elements and reuse them across the project, making the process much faster and more efficient. And perhaps the most exciting feature was the ability to preview our work at any time, which made testing ideas and iterating on them incredibly easy.
Progress at Last
With ProtoPie, we made rapid progress on our interactive bouquet project. Suddenly, tasks that felt impossible just days ago became achievable. We could focus on creativity and user experience instead of getting bogged down in technical challenges.
This journey taught us the value of adaptability and the importance of finding the right tools for the job. ProtoPie empowered us to bring our vision to life without requiring deep coding knowledge, and it opened the door to possibilities we hadn’t even considered before.
As the January exhibition approaches, we’re thrilled to see our interactive bouquet take shape, and we can’t wait to share it with the world. If you’re ever looking for a no-code solution to create interactive prototypes or experiences, we can wholeheartedly recommend giving ProtoPie a try.
Stay tuned for updates on our project – and if you’re attending the exhibition, make sure to stop by and create your own personalized bouquet!
https://www.protopie.io/learn/docs/cloud/sharing-prototypes
