Mauritshuis

Can’t take my eyes off you

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

Van ver weg naar oog in oog

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.

970×250 na 0,4 s: het schilderij nog klein naast het woordmerk
Klein0,4 s

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

970×250 na 1,1 s: ingezoomd, de regel komt op
Ingezoomd1,1 s

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

970×250 na 3,5 s: de knop Ontdek meer staat
Ontdek meer3,5 s

De gele knop veert open en de pijl wiebelt erachteraan.

Diepte

Een dieptekaart onder het doek

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.

Meisje met de parel zoals in de banner De dieptekaart: het meisje licht, de achtergrond zwart
SchilderijDieptekaart
15 pxmaximale verschuiving op 300×250, 320×240 en 336×280; 5 px op 970×250
0,3 × de resolutiewaarop het canvas rekent, en het tekent elke derde frame
na 2 smag het effect aan; bij mouseout dooft het in een seconde uit

Live

Vier formaten

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.

970×250Billboard
336×280Large rectangle
320×240
300×250Medium rectangle

De doorklik naar mauritshuis.nl staat uit in deze preview.

DOOH

Staand, 1080×1920

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.

Den Haag10 s
Den Haag6 s
Mauritshuis6 s
4HTML5-formaten
3DOOH-video’s, 10 en 2× 6 seconden
0,84 svan half naar beeldvullend
2beelden per banner: doek en dieptekaart