Ryan Murphy

Menu Animation

  • Save
Menu Animation product designer designer product london principle animation ui interaction

Working on a system to work across multiple sizes to break down our menu system for video files.

This way divides them up into chapters, comments and attachments, allowing our users to quickly find the content they are looking for. Due to the additional bits of UI for the comments section I got to play with some spring animations to emphasise their purpose! Wahoo for spring.

Decided to use Principle for this, really easy to quickly make scalable interactions. Not ideal for small detail animations (would recommend Origami for this) - right now I'd say the best toolset is Marvel, Principle and Origami.

keyboard shortcuts: L or F like