Animation | Figma

Alo Yoga Mobile Loading State

Updating the mobile loading state for the mobile app 2.0

Overview


UX goals

Update the animation for the loading state in the new 2.0 app

My role

As Designer for my project, I was involved in the entire process, including the overall strategy, user research, and visual designs.

Animation Design


With the launch of the new app it became painfully obvious that the loading state in the app needed to be refreshed.

Using the Alo logo I created a fun animation that distracts from actual thing that is happening… the waiting for the next screen to load.

Using each letter as a way to communicate that things are working behind the scenes and also show brand pride at the same time.

Download the Alo app to view the animation.