![](https://freight.cargo.site/t/original/i/525d983aa1b4ad8f740b355bb95cb72735fd083e7b8d729c148b28c58bcd00ac/logo.png)
Onboarding animations
![](https://freight.cargo.site/t/original/i/a27219dfad35c31a569f1603b7846d089d1019237fa116cd88ba8fbc01d42da0/phone_v01.gif)
Influenster is a sampling and product discovery app with over 7.5 million global members in 30+ countries.
I designed and animated Influenster’s onboarding graphics, introducing customers to the value of Influenster in a fun and inviting way when they first open the app. The project took a total of 17 days, working with Influenster’s creative and art directors to finish the animations before their app relaunch.
Below are the 3 screens welcoming users to the service, which are still active.
I designed and animated Influenster’s onboarding graphics, introducing customers to the value of Influenster in a fun and inviting way when they first open the app. The project took a total of 17 days, working with Influenster’s creative and art directors to finish the animations before their app relaunch.
Below are the 3 screens welcoming users to the service, which are still active.
![](https://freight.cargo.site/t/original/i/ad316dbd3f16cd5c6a1eb86690ede78a8989d11e0c40882c1145732a0505f8a8/LEFT.gif)
![](https://freight.cargo.site/t/original/i/8b0ca048ede0e91e7affd3665fdd6b0059756b0ed6ef337769d080d65b163184/MIDDLE_1.gif)
![](https://freight.cargo.site/t/original/i/13cbf18b114a8ba9f2c032c97fa27a9d44e6b686c82c692a829b569696b3e3cd/RIGHT.gif)
Designed for Performance
Exported using Lottie, egach animation weighs ~200kb or less - allowing the animations to load extremely fast.
Below are the lottie files playing in-browser.
Below are the lottie files playing in-browser.
“Discover new products”
Sketch to Final
Ideation sketches
![](https://freight.cargo.site/t/original/i/3e2647995b1822f4714c514e8cd58d9f6d15e2fbeac095839bee49dbd438b893/2.png)
Rough animation sketch
![](https://freight.cargo.site/t/original/i/eb2e3ecee1361a54a4e6b000f65ee8cbbf8365bad8b297b0e1057a6931e6e9ff/Screenshot_2021_09_22_175443.gif)
Color variations
![]()
Object designs
![](https://freight.cargo.site/t/original/i/7ced24afd9b9fb39364bda9cc3f1b66b442583ea03ac951e23f0466d963bc8da/Screenshot-2022-02-04-144824.png)
Object designs
![](https://freight.cargo.site/t/original/i/658010d10fed53f774ce16c7c0abc69730f4ef481d8cfcbb8490586351e28fe2/Screenshot-2022-02-04-144926.png)
More design options
![](https://freight.cargo.site/t/original/i/e500d07abd80f997b446db272c2bc20d7d730ac33e54dc43c67be20a7404a362/Screenshot-2022-02-04-152851.png)
Final animation
![](https://freight.cargo.site/t/original/i/de042cc4c267c4c9a789b94cb573dacaf153c2a04a8e7980d100ffe40dacb2e7/Illo_4.gif)
Bonus design
Ended up not being used
![](https://freight.cargo.site/t/original/i/a373b8895491732d31b81e026ee964e45f3f152fdf5831c11825ace1c39ff517/Illo_4_export_1.gif)
“We’ve made some updates”
Thanks!
And feel free to check out the animations in Influenster’s app .