Character animation loops with one cast in every scene

A loop is the most flexible piece of animation you can own. One five-second scene can head a website section, sit beside a product description, play in a feed, fill a display banner or loop behind a presentation — and because it repeats seamlessly, it never ends awkwardly or asks for attention it does not need.

A library of loops built on one cast goes further. Each new scene adds a use case — another trade, another product, another moment — without a new style, so the brand’s animation grows into a system rather than a pile of one-off videos.

Loops are also light. A short square clip weighs a fraction of a long film, which matters on mobile pages and in ad placements with file-size limits.

Glueguide is a site for finding and rating building products, and it needed to show the people those products are for. We drew one cast of tradespeople in yellow and blue overalls and animated them through seven jobs: fitting a shelf from a ladder, carrying a sofa, painting a wall, fixing a sink, drilling a door, sawing timber and hanging wallpaper.

Every scene sits inside the same soft, rounded room shape, so the loops can play side by side or one after another and still read as one family. Four scenes were delivered on both cream and white grounds, and three on chroma green for compositing into other footage — 11 loops in all, each 1080×1080.

The cast then traveled: the same characters appear in the 25-second Glueguide search banner, next to before-and-after room illustrations.

Illustration earns its keep on subjects where photography would be awkward. The awareness banners for Spondyloarthritis and Pain Awareness Months follow illustrated characters through a pharmacy, a hospital arrival, a reception desk, an X-ray, a consultation, rest at home and stretching — then a treadmill, a wheelchair, outdoor yoga and an exercise bike.

Drawn characters keep the tone calm and friendly, avoid showing real patients, and let one style cover every setting from a clinic to a living room. The same approach suits finance, insurance and any service where the subject is personal.

A loop that jumps is worse than no loop at all, because the seam draws the eye every few seconds. Getting it right is mostly planning.

• Choose actions that cycle naturally: rolling paint, sawing, carrying, drilling.
• Match the first and last poses exactly, including hair, tools and shadows.
• Keep secondary motion — swinging straps, drips, sparks — on the same cycle.
• Hold the camera still, so the frame edge never betrays the cut.
• On websites, play loops as short muted video rather than heavy GIFs; flat vector loops can also be exported as Lottie files.