Asana Onboarding

The onboarding flow guides users through Asana's value propositions using an auto-playing slideshow. The first slide features list items that check off, triggering playful, bouncy character illustrations that scale up and down. The transition to the second slide slides the device frame out while bringing in a new screen where tasks slide up in a staggered sequence. The final slide morphs the mobile device frame into a wider web browser layout, expanding cards outward while abstract background shapes shift in a parallax motion to create depth.