Process
Utilizing the style guide and icon set that the UX team was working on building, I started developing new icons that could be used for this animation that would go along with copy that was written by writers on the team. The goal was to create an icon set that worked well both together and within the existing UI in the app. Several iterations were done and worked through with product owners and UX designers before a final set was agreed upon. Next, I moved into After Effects to animate the icons in a way that had them flow seamlessly from one to the other. Once animation was finalized, I used a Lottie plugin to export and hand off files to the development team.
Final Loading Screen
After both icons and copy was finalized, I moved into After Effects to animate each icon. Making sure to have the transitions from one icon to the next quick and seamless, the overall animation serves as an enhancement to the mobile app experience without disrupting a user’s utilization of the functions within the app.
