Here's a microinteraction I've been working through for a journey map product for one of our clients. My goal was to create a motion language that felt energetic and slightly playful, something atypical for a product in this space.
When I work on explorations like this I first start with lo-fi motion mockups to ensure I'm hyper focused on how elements are moving, absent of content. Once that feels good, I'll remake it in a hi-fi state, including things like text, icons, images, etc.
For those of you who are new to motion, or are just curious about my process, I've attached the Principle files for both lo-fi and hi-fi versions of this post. Hope it’s helpful!
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in