HTML5 banner animation for Dacia / Renault campaign

Summary

For AutoSwam (campaign “Dacia / Renault service”) we prepared a set of animated HTML5 banners for Google Display campaigns. The goal was to create a distinctive, technically flawless and easily scalable online marketing creative that would generate reach and remarketing. This will complement OOH offline formats and maintain the brand’s premium visual style.

The creative follows the strategy described in the reference:

Communication concept of AutoSwam campaign – Dacia & Renault servis .

Objectives

– Emphasize the value of authorized service (assurance, quality, warranty).
– Ensure fast loading and compatibility in GDN including AMP formats.
– Maintain consistent graphic design across dimensions and surfaces.

Solution

– Graphic design & animation for multiple formats (300×600, 300×1050, 580×400, 930×180, 970×250, 970×90, 468×60).
– Animation in HTML5 with smooth transitions, subtle parallax effect and distinctive CTA.
– AMPHTML variants for selected formats with emphasis on performance and distribution on AMP-enabled networks.
– File size optimization (compression, sprite sheet, lazy loading) for low latency.

Technologies used

– HTML5 + CSS + vanilla JS (no heavy libraries).
– AMPHTML build for selected dimension sets.
– Export compatible with Google Display & Video 360 / Google Ads.
– Validation via AMP validator, checking dimensions and click zones.

Benefits for the client

– Higher visibility through clean visuals and a readable message.
– Speed and quality score – small packages, fast rendering.
– Consistent identity across formats and devices.
– Easy maintenance – quick replacement of text, visuals and links (currently pointing to autoswam.sk).

Deliverables

– Complete set of banners in dimensions for GDN.
– AMPHTML versions of selected formats.

Examples of outputs