We began the experiment by filming actual human movements to understand how to correctly recreate these movement patterns in the animations. Likewise, we studied extensive images of dogs and people, and used these as a guide for our avatars. To create the avatars, we first drew up character designs using Adobe Illustrator. These characters needed to be consistent in design and reflect the Puppi Lovers brand. Once the avatars were designed, we hired an experienced animator to turn the avatars into animations. This was produced in Adobe After Effects.
To put the animations into the actual application, our developers needed to code the animations. We used animation libraries and custom codes to build the animation workflow. React Native was used to build the animation sequence, edit motion paths and control runtime.
All animations drawn needed code that matched the avatars. This was a difficult process due to the limited animation libraries, resources and information available. Since our animations were unique, we had to write most of the code from scratch to accomplish what we needed, which was time consuming and extensive work.