How to Animate a Hidden Menu with Invision Studio

In this beginner tutorial, I walk you through step-by-step how to create an animated hidden menu for use in your mobile or web prototypes.

Animations are a great way to add realism to your prototypes and designs. They can help the user better understand what's happening on the page. They give context to information. They can guide the user to their destination and well, they can be just fun sometimes too (just don't overdo it).

Invision Studio is incredibly simple and intuitive software that allows you to set start and end points for animations in your web or mobile app prototypes.

In this beginner's tutorial, I'll show you in-depth how to animate a hidden menu and talk about some tips along the way.

More Blog Posts

How I designed a popular posts plugin for WordPress
15 min read

Did my own bias play too big a part of this project?

Read More →
Building a Pinterest-Style Portfolio in Webflow
15 min read

In this video I'll show you how to build a masonry style portfolio layout (Pinterest Grid) in Webflow

Read More →