Interfaces with rhythm. Interactions with character.
RoleAnimation & Motion Handoff
A music app motion study covering loading states, playlist transitions and the move from mini player to Now Playing.
Design assets provided by School of Motion.
Timing, easing, sequence and parameters are documented as a reference for implementation.
Opening sequence: 1,000 ms total. Arrow scale-down: 500 ms, from 100% to 16.7%, with cubic-bezier (0.61, 0, 0.76, 1).
View motion specs ↗
02 /
RoleAnimation
Product animations introducing Sofya and demonstrating its features through interface-led storytelling.
03 /
RoleAnimation
An animated candy website hero with character interactions and coordinated flavor transitions. Responsive layouts adapt the composition across screen sizes.
TRY ITClick the character to change flavors.Tap the character to change flavors.
Design assets provided by School of Motion.
Store navigation and Buy Now are part of the artwork.
04 /
RoleAnimation
Interactive icon animations exploring feedback, state changes and small moments of character.
TRY ITHover or click the icons.Tap the icons.
Contact
Star
Edit
Duplicate
Trash
Design assets provided by School of Motion.
Brand animation, moving stories and edits with rhythm.
Campaigns, social content, email design and image-making.
A new dimension of the portfolio. More to explore soon.
Coming soon