Homepage for SISO Air using Duda. I created a custom animation of a drone flying across the screen to greet the viewer when they visit the page. This site also features a mega menu.

PROCESS

I animated the drone inside Adobe After Effects, isolating the propellers and adding subtle motion to create a realistic hover effect. Instead of exporting a large video, I used the Bodymovin/Lottie plugin to generate a lightweight JSON animation, shrinking the output from 3GB down to 1MB. I then integrated the JSON into my Duda site with an HTML widget and a few lines of CSS/JavaScript to animate its entrance and hover only within the hero section.