Mobile Animations
I designed directional transitions and icon animations for Workday's
mobile navigation, adding spatial context to tab switching that
previously had no motion.
Switching between tabs had no motion. The content swapped but there was
no sense of direction. I introduced micro-animations across the
navigation to help ground users in the app.
The header text fades left or right depending on which tab is selected.
This makes pages feel like they're laid out next to each other rather
than one screen loading different content.
I also animated the bottom nav bar. The feedback on early iterations was
that there was too much motion for frequent actions. I scaled back for
common interactions and saved the expressive touches for rare moments
like notifications.
This was my first time doing motion work. I didn't expect to enjoy
looping the same 0.3 seconds for hours, but here we are.
