We wanted to showcase a three-dimensional representation of the car and its components for the navigation system as well as for the settings. In addition, being able to test everything directly on the final product using the real hardware was an absolute game changer for us! Conclusion and Quick Tips Having a dedicated component library as a single source of truth, building UI components in isolation while still being able to communicate between them, gives me the flexibility I haven’t found anywhere else yet. ProtoPie’s advanced component features allow me to go far beyond just transitioning between more or less static screens. Throughout the years I have tested and used a wide range of tools, often resulting in frustration due to technical limitations or a lack of functionality.
Prototyping has always been a crucial part of my workflow, it helps me to visualize, test and iterate ideas quickly without wasting too much time. By making use of ProtoPie’s advanced component features we could develop elements further to use or work on pieces separately and then settle them together into the final piece.
To meet our deadline, we also needed the possibility to work together at the same time.
#Lottie to protopie full
It was just the perfect project to take full use out of ProtoPie’s capabilities in terms of real-time data connection, multiple hardware devices and screens.
#Lottie to protopie software
Having worked with ProtoPie before and thus knowing what the software can do brought us directly to the conclusion, that this is the best tool to get the job done. We wanted to create a highly sophisticated prototype, which gives users a good impression of our ideas, allows us to iterate quickly and come up with a solution in an extremely short timeframe. With an emphasis on hardware integration and personalisation, we knew we needed an advanced design software, one that went far beyond the limits of static screens. Also, they already set up everything to have full control over every hardware part in the car! Having all those capabilities at the palm of their hand they needed a visual representation to convince stakeholders. Envisioning a new car HMI from scratch seemed like one of the coolest projects I could have imagined. At the time we joined in on the project, Elexir had already established their software architecture. I got hooked by their idea right off the bat. By using an open-source software approach they are enabling everybody to contribute to its system and giving customers the ability to replace and add hardware elements and benefit from further software improvements. They achieved this by developing a completely new underlying software architecture. They built a highly customizable and extendable shared car, trying to attain the same experience as of owned, personalised cars. You can also prepare them yourself in Adobe After Effects.Earlier this year the start-up Elexir reached out to us with their unique vision of creating a more sustainable car.
#Lottie to protopie download
You can download free animations from LottieFiles or even buy them from the marketplace. We will use Lottie to create a playful experience for hiring a pet sitter )įirst, you need to have some animations ready to use in ProtoPie. Let’s make a simple mockup of an app for pet care providers offering to walk dogs when their owners can’t do it themselves. (Illustrator, After Effects, LottieFiles) You have no coding skills to make realistic prototypes? You don’t need them with ProtoPie! ProtoPie allows you to create high-fidelity experiences using keyboard typing, camera input, voice interactions, conditions, multi-touch gestures and Lottie animations. It allows designers and stakeholders to test the feasibility of their ideas and understand user behaviour. Prototyping user interfaces is an important step in the design process.