These micro-interactions were created using Principle / Protopie / Framer or After Effects. For our users, micro-interactions guide them in their journey, create a positive emotional experience, and humanize the interface.
For our developers and stakeholders, they enabled deeper understanding of interactions that may not be easily grasped using conventional tools such as Figma and Sketch.
Project: Revamped search (rolled to production):
This prototype was utilized for UX research in the lab, along with a motion demonstration for engineers. It was aimed to help them understand the timing of each element's appearance and the behavior of switching between lists of results.
🎉 The tests passed with flying colors and the feature was rolled to production in mid 2023.
Project: Carpool pickup (R.I.P)
We used this prototype to validate our solution to various pain points risen from past UX research among riders: Understand where is the driver at all times, who is he, how much is the waiting time, and what happens after the pickup. Safety was also an integral part of the testings, especially in our market in Brazil.
Project: Search - loading skeleton principles (in production)
Breakdown aimed for engineers to show the appearance of the skeleton framework, in high and low server response time. The framework has been adapted across every product launched since:
Project: Camera movement in routes buildup
Created for engineers to understand the complete picture of route drawing, depth of field and how it can impact the user's patience (we bumped up the speed here :)
Project: Traffic meter for CarPlay
I also created prototypes for infotainment systems, this one was created for research participants and engineers, using Protopie and mirrored to an existing head unit.
Full documentation for engineers and designers
An internal prototype portal was created for product managers, engineers and designers with full guidance and best practices.