Ortto animated display banner

Summary

A landscape banner ad, presented centred on midnight navy, that runs through three message frames while its layout stays a fixed grid of photo, shape and type blocks.

Visual description

The banner is a rectangle divided into unequal blocks with hard edges and no gaps. In the opening frame a workplace photograph of two colleagues at a desk fills the upper left, a blue block of black circles and an ellipse sits upper right above a pink block of black arrowheads, a khaki sliver runs down the left edge, and a large empty black pill waits in the lower left. Inside that pill the "ortto" wordmark assembles from partial arcs and stems until it is complete in white, while "Marketing made remarkable" types into the off white panel beside it in black sans. The banner then cuts to a second layout: a warm photo of a man in a mustard beanie at a laptop on the right, red and pink shape blocks stacked on the left, an off white panel of serif body copy reading "We exist to empower businesses to grow. We enable them to understand and make meaningful connections with their audiences at every step of the customer journey, creating easier, clearer, more rewarding experiences." with the verbs in italic, and the black ortto pill locked into a teal block at the right. A final frame drops the copy entirely: the wordmark pill sits on red at the top left, blue and khaki shape blocks fill the top right, and a close photograph of hands on a laptop keyboard runs across the bottom. Type is white or near black throughout, and the navy surround never changes.

Key takeaway

The grid never moves between frames, only the content inside the blocks changes, so three quite different messages read as one continuous ad. Reserving a fixed black pill for the wordmark gives the logo a permanent slot that the layout is built around rather than dropped onto.

Reuse notes

A strong reference for a paid display or programmatic banner set where a brand needs several messages in one unit and only a few seconds each. It depends on a shape library and a photography bank large enough to swap blocks without redrawing the layout. The dark presentation field is a case study device, not part of the ad, so plan for the banner appearing on unpredictable page backgrounds.