
Het woordmerk en de Mh staan er meteen, het meisje nog op afstand.

Ze vult het beeld. Can’t take my eyes off you schuift omhoog in beeld.

De gele knop veert open en de pijl wiebelt erachteraan.

Displaycampagne voor het Mauritshuis rond Meisje met de parel van Johannes Vermeer. Vier HTML5-formaten waarin het meisje bij mouseover loskomt van de achtergrond, en drie staande schermen voor DOOH.
Ontdek meer Opbouw
Het schilderij begint op halve grootte en zoomt in 0,84 seconde naar beeldvullend. Daarna kruipt het zeven seconden lang nog iets dichterbij, terwijl de regel en de knop verschijnen.

Het woordmerk en de Mh staan er meteen, het meisje nog op afstand.

Ze vult het beeld. Can’t take my eyes off you schuift omhoog in beeld.

De gele knop veert open en de pijl wiebelt erachteraan.
Diepte
Elke banner krijgt naast het schilderij een grijze dieptekaart mee. Bij mouseover rekent een canvas per pixel uit hoe ver die mee moet schuiven: wat licht is op de kaart beweegt mee met de muis, de donkere achtergrond blijft staan. Sleep de lijn om de kaart te zien.
Live
De echte HTML5-banners op ware grootte. Beweeg de muis over een banner: het meisje komt los van de achtergrond en de knop wordt wit.
De doorklik naar mauritshuis.nl staat uit in deze preview.
DOOH
Dezelfde opbouw op digitale schermen buiten. Aan het eind springt er een gele stip in: Ervaar het zelf in Den Haag, of in het Mauritshuis. Hier verkleind afgespeeld.