Dropp-It (icons): the set in motion
All 17 delivered Lottie animations playing together, rendered from the files on this page.
Skip to page content and links
Work
Dropp-It: Website Animations
Lottie animations for the Dropp-It website redesign: three isometric scenes, five process steps, seven feature icons, five panels and a step-by-step sequence.
Client: Dropp-It
Dropp-It / 2021
Animations for the Dropp-It website
Delivered: three isometric scene animations (11 to 22 seconds); five 500×500 process animations (Buy, Pay, Profit, Send to, Ship); seven feature icons (auto fulfillment, dashboard, import product, inventory, manage and upload, monitoring, support); five panel animations; and a step-by-step sequence, all as Lottie JSON for the redesigned site.
Tools: After Effects, Illustrator, Lottie
The build
The pieces were built in After Effects from Illustrator artwork and exported to Lottie for the site. The three scenes share one isometric angle; the process animations follow the Dropp-It flow from buying to shipping, and the icons mark the product's features.
Project media
Dropp-It (scenes): reel
The 4 delivered Lottie animations one after another, rendered from the files on this page.
Isometric scene 1
Isometric scene 2
Isometric scene 3
Buy
Pay
Profit
Send to
Ship
Feature icon: auto fulfillment
Feature icon: dashboard
Feature icon: import product
Feature icon: inventory
Feature icon: manage and upload
Feature icon: monitoring
Feature icon: support
Panel 1
Panel 2
Panel 3
Panel 4
Panel 5
Step by step
Have a project in mind?
Explore motion design and interactive animation services, or get in touch about your project.