Design

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.

Continue Reading

View All Posts
Design
8 min read

Case Study

Defining a completely new experience for the legal industry

During Jurispect's debut into the market, I worked with their team to help define the UI, UX and Visual Design of their platform.
Design
8 min read

Design

Macbook Pro Mockup - Figma Resource

A high-res mockup ready to accept any design. Pixel perfect dimensions of an actual MacbookPro screen.
Design
8 min read

Case Study

Questioning the efficacy of a legacy process

For an online job application, why do we force users to enter so much information?
Design
8 min read

Case Study

Auditing and redesigning the UI of the Convex platform

After Convex's Series B, it was time for our brand and visual style to mature beyond the libraries and frameworks of our youth.
Design
8 min read

Design

How to build a Pinterest-style portfolio in Webflow step-by-step

Learn how to create that quintessential "pinterest-style" layout for use in your design or photography portfolio.