Commerce

Order On The Way

A four-stop delivery track lighting up under a store lockup, the package riding it to a delivery chip.

Duration
4.4s
Frame
1080 × 1080
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Order On The Way animation

For a store whose fulfilment is worth advertising — the post that answers “when will it arrive” before anyone asks. The track lights stop by stop rather than filling at once, which is what makes it read as a journey with a shape rather than a progress bar. The logo slot is a flat tile until you fill it, so the lockup composes on day one.

Where it fits

  • As a post that answers when it will arrive before anyone asks.
  • In a store explainer, showing the fulfilment steps.
  • As a follow-up in an order confirmation email's video.

Filling it in

Name the four stops as your store actually reports them, CONFIRMED, PACKED, SHIPPED, DELIVERED, and put the promise in the chip: FAST DELIVERY or 2-DAY SHIPPING. Drop your logo in the slot; it composes as a flat tile until you do. The track colour tints the lit stops.

Format and timing

Order On The Way is built at 1080 × 1080, a square frame, which sits in a feed post without cropping and centres neatly over wider footage, and runs 4.4 seconds at 30 frames per second. It arrives in 0.5 seconds, holds for 2.9 and clears in 1.1, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.

Who reaches for this

What it gets used for

What you can edit

  • Headlinetext
  • Store nametext
  • Chiptext
  • Step 1text
  • Step 2text
  • Step 3text
  • Step 4text
  • Store logoimage
  • Track colourcolor

Questions about Order On The Way

Why do the stops light one at a time?

So it reads as a journey with a shape rather than a progress bar. The package rides the track from stop to stop, and each lighting on arrival is what makes the sequence feel like time passing.

Can I use three stops instead of four?

Leave the fourth empty and its label vanishes, though the track still has four nodes. Naming all four is tidier; most stores can find a fourth state.

More commerce animations