Naar de inhoud
EN Start een project

Vooruitdenken
begint vandaag.
Voor BMW

Een tactische campagne voor de X1 Plug-in Hybride, in september live op de sites van DPG Media en via Criteo. Kort, snel en met drie boodschappen. Dus bouwden we eerst één template. De zeven banners kwamen daarna.

Klant
BMW
In opdracht van
House of Communication
Jaar
2026
Kanalen
DPG Media en Criteo
Diensten
DisplayTemplatesDynamisch
De BMW X1 Plug-in Hybride in vier beelden: van voren, het interieur, van achteren en schuin van voren
Vier frames uit de 300×600

Aanpak

Eén template, zeven banners. Een tactische campagne moet er snel staan en mag nergens slordig worden. De basis is één master die het formaat leest en zelf het logo, de marges, de knop en de disclaimerlade uitrekent. Elke banner is daarna een doorvertaling: ander beeld, andere kop, dezelfde regels.

7banners uit één template
3boodschappen: samenstellen, bijtelling en proefrit
2kanalen: DPG Media en Criteo
20formaten die de knop al kent

Display · DPG Media

Twee boodschappen, één opbouw.

Op de sites van DPG Media liepen twee boodschappen naast elkaar. De een vraagt je de X1 samen te stellen, de ander rekent voor wat hij kost: vanaf € 361 netto bijtelling per maand. Beeld, kop en knop verschillen. Waar het logo staat, hoe de knop binnenkomt en waar de lade zit, is overal gelijk.

336×280300×250DPG Media
Samenstellen336×280
Bijtelling336×280
Samenstellen300×250
Bijtelling300×250
Consideration · twee boodschappen in twee formaten, op ware grootte

Display · Criteo

Vier frames tot de proefrit.

Wie de X1 al eens bekeek, kreeg via Criteo het hele verhaal: vooruitdenken, de bijtelling, twee aandrijflijnen en het aanbod van dit jaar. Vier frames, één knop: Proefrit aanvragen. De template telt de beelden zelf en geeft elk frame bij vier beelden wat langer de tijd.

300×600336×280300×250Criteo
Desktop · 336×280 en 300×600
9:41
De Dagkoerier

Sport

Amateurclub wint na strafschoppen van koploper

Advertentie

De thuisploeg kwam twee keer op achterstand maar knokte zich terug in de slotfase.

Mobiel300×250 in het artikel

Templates · Doorvertalen

De g telt niet mee.

In Configureer nu hangt de g onder de regel, in Ontdek meer hangt niets. Reken je de knop uit op de hoogte van de tekst, dan wordt de ene knop 26 pixels hoog en de andere 21. In dezelfde campagne. Dus meet de knop eerst de cap height, de hoogte van de hoofdletters, en rekent hij daar zijn padding mee uit. In de 336×280 is elke knop 31 pixels hoog, wat er ook op staat. Alleen de breedte volgt de tekst.

Wat de knop doet, doet de hele template: het formaat lezen en zelf rekenen. Het logo is 40 pixels vanaf 150 pixels hoogte en kleiner daaronder, de marge is de helft van het logo. En omdat kop, beeld en knop losse lagen zijn, kan een feed ze net zo goed vullen. Dat is de stap naar dynamisch.

Cap height20 formatenHTML5GSAPFeedklaar
staart: telt niet mee 10,879,2910,87 16,07
Configureer nu, vier keer vergrootgestippeld de cap height · padding 1,17 × boven en onder, 1,73 × links en rechts
Meting van de vier knoppen in 336 × 280, in pixels
TekstviewBoxCap heightKnop
Configureer nu83,02 × 11,809,29115 × 31
Ontdek meer73,99 × 9,459,24106 × 31
Offerte aanvragen104,01 × 11,809,29136 × 31
Proefrit aanvragen106,72 × 11,809,29139 × 31
De meting336×280, in pixels · alle vier 31 hoog

Vier teksten in de 336×280, op ware grootte

Configureer nu115×31
Ontdek meer106×31
Offerte aanvragen136×31
Proefrit aanvragen139×31

Configureer nu in acht formaten, op ware grootte. Nooit hoger dan 30 procent van de banner, nooit lager dan 18 pixels.

336×280115×31
300×250109×29
300×600127×34
160×60092×25
728×90100×27, begrensd
970×250150×40
320×10098×26
320×5067×18, minimum
Knopstudie · live, op de class uit de banners · hover voor de tweede kleurlive, op de class uit de banners; met een muis zie je de tweede kleur
  • beeld
  • marge, de helft van het logo
  • kop
  • logo
  • knop
  • disclaimerlade
Verbruik en disclaimers
300×600gecentreerd · in de campagne
Verbruik en disclaimers
336×280standaard · in de campagne
Verbruik en disclaimers
300×250standaard · in de campagne
Verbruik en disclaimers
970×250standaard · klaar in de template
Verbruik en disclaimers
728×90liggend · klaar in de template
Verbruik en disclaimers
320×100liggend · klaar in de template
Schema · drie formaten uit de campagne en drie die al klaarstaan, getekend met de maten uit de template
Consideration4

Samenstellen en bijtelling, elk in twee formaten. Voor DPG Media.

336×280300×250
Conversie3

Vier frames tot de proefrit, met een gecentreerde opbouw voor de 300×600. Via Criteo.

300×600336×280300×250
Template1

Leest het formaat en rekent logo, marges, knop en lade zelf uit. Met een liggende opbouw voor leaderboards.

HTML5GSAP
Disclaimerlade

Verbruik, CO₂ en de bijtelling achter één tab, zodat de kleine letters de foto niet wegdrukken.

WLTP
Knopstudie

Vier teksten en acht formaten naast elkaar, met de meting erbij. Een nieuwe tekst check je hier voordat hij een banner in gaat.

CTAQA

De set

Klaar voor de volgende variant.

Zeven HTML5-banners voor twee kanalen, allemaal uit dezelfde master. Een nieuwe boodschap, een extra formaat of een feed erachter is daarmee een doorvertaling van uren, geen nieuwe productie.

Klant
BMW
In opdracht van
House of Communication
Template, animatie en HTML5
BannerBazen
Fotografie
BMW

De nieuwssite is een impressie: De Dagkoerier en de artikelen zijn verzonnen. De knoppen draaien live op de class uit de banners. De vergrote knop en het schema zijn getekend met de maten die de class en de template zelf uitrekenen. Campagnebeeld © BMW.

Contact

Ook zo’n set nodig voor je volgende campagne?

Start een project