Logistics Animation Concept with Figma

Overview This project was submitted as part of the #shareyourwork Challenge by Contra. My goal was to experiment with Figma’s animation capabilities by creating a logistics-themed animated scene that could be used for multiple use cases, including hero sections for logistics or delivery websites, product or service introduction animations, storytelling on landing pages, and digital ads. Figma File

Goal To explore how illustration and motion can enhance storytelling — particularly for brands in logistics, tech, or mobility sectors.

Concept The animation features a bridge running across a stylized cityscape, with a delivery bus and a bike moving from left to right. The concept symbolizes movement, connection, and efficiency — key traits associated with logistics and delivery services.

Design Process Started with flat illustrations for the bridge, city skyline, and vehicles.

Used layer separation to create depth between foreground and background elements.

Created the motion sequences using Figma’s Component Prototype and Smart Animate with different variants of each component to simulate smooth, continuous travel.

Tools Used Figma (illustration + animation)