Loading route - SVG draw animation - ANWB

For ANWB, I worked on researching and prototyping micro-interactions and their effect on the online product as a contribution to their Design System: Poncho.

My team and I started working on a set of Design Criteria in order to get the right feel when designing micro-interactions. To visualise our ideas I worked on this small loading-interaction: after choosing a route, the ANWB “calculates” the route from A to B for their users and shows possible traffic jams.

💡 Follow for more shots in the upcoming weeks

👨‍💻 Prototyped using Framer.

🔗 Michelvanheest.com