Animated Intro to App | Mock Mobile App On-boarding

Kalee Eversole
Kalee Eversole
    • Get in touch
    Animated Intro to App | Mock Mobile App On-boarding
    Download color palette
    1. woosh-animated-optimized.gif
    2. woosh-animated-opt.gif

    After finishing my mock mobile app on-boarding design in @AdobeXD, I decided to start playing around with some introductory animations using @ProtoPie - I worked with various triggers on different elements (mainly adjusting the timing of Opacity and Movement) on different layers.

    I really wanted to play off of the name 'WOOSH' and make the gradients at the bottom give that 'whooshy' kind of feel upon the introduction. Thoughts? Does it work?

    I'm a complete noob to animating, so any pointers would be incredibly appreciated.

    I absolutely love working with both Adobe XD + Protopie!

    Here is a link to the full Protopie prototype:
    https://share.protopie.io/cSHvuM46MBs

    Rebound of
    Mock Mobile App On-boarding Experiment w/ Adobe XD
    By Kalee Eversole
    Kalee Eversole
    Kalee Eversole Get in touch

    More by Kalee Eversole

    View profile
    • Like