Reclamejongens gaan digitaal

<profiel>

Reclamejongens gaan digitaal De kerels van thispagecannotbefound.com vormen niet zomaar een productiebureau. Brutaliteit zie je terug in hun liefde voor kunst, de combinatie off- en online en hun unieke naam. Lieneke Wijnia trok naar de bekendste hoerenbuurt van de wereld en sprak met Edward Tetteroo en Jordi Buskermolen wie thispagecannotbefound.com wat digitaal productiebedrijf waar Oudezijds Achterburgwal 63, 1012 DB Amsterdam web thispagecannotbefound.com

18_______________________________________________________________________ profiel

wdNL054_018022_profiel_ok.indd 18

15-02-13 14:51

EIGHT magazine (www.eightmagazine.nl) is een jong en modern kunstmagazine. De vijfde editie is gesponsord door thispagecannotbefound.com. Dit ontwerp, dat de cover siert, is gemaakt door Ellakookoo (wdmag.nl/ellakookoo). profiel________________________________________________________________________ 19

wdNL054_018022_profiel_ok.indd 19

15-02-13 14:51

<profiel>

N

eerlands trots, Spyker, heeft het de afgelopen jaren niet makkelijk gehad. Maar het dikke automerk vecht terug. En dat doen ze met een nieuwe auto, de C8 Aileron en dikke site! Nog sceptisch? Ga dan naar spykercars.com en geniet van dit staaltje techniek. Zowel van de auto als de website. Toen wij deze site onder ogen kregen en erachter kwamen wie de makers waren, werd er gelijk een bezoekje aan Amsterdam gepland. Want niemand minder dan het jonge bureau thispagecannotbefound. com is de maker van dit knappe staaltje webdesignwerk. Hmm, een error als url en als bedrijfsnaam? Ja, inderdaad, Jordi Buskermolen was degene die de url in 2005 registreerde voor een project. Toen hij het bedrijf samen met Edward Tetteroo in 2009 startte, klonk iedere naam nietszeggend. Engelse en Latijnse namen, alles kwam voorbij. Toen ze ineens dachten

COOL PROJECT

Spyker Het is de enige directe klant van thispagecannotbefound. com. En wat voor een! Aan dit bureau de eer om de corporate website van Spyker nieuw leven in te blazen. En dat is gelukt

aan hun geregistreerde url dachten de mannen: “Fuck it, waarom niet?” en thispagecannotbefound.com was geboren. Het bleek een slimme keuze, de bedrijfsnaam is direct de url, hij is lekker lang en vertaalt goed het brutale karakter van het bedrijf. Edward en Jordi begonnen als jonkies bij TBWA\ met het maken van online producties, in de breedste zin van het woord. Edward is van oorsprong Flash-developer en techneut en Jordi is allround webdeveloper, van front-end tot back-end. Uiteindelijk is het duo gaan freelancen en besloten ze hun krachten te bundelen om grotere producties te kunnen realiseren. Edward: “En zo zitten we nog steeds aan het roer en zijn we inmiddels gegroeid naar negen man. De keuze om voor onszelf te beginnen, kwam voort uit de wil om ergens onze stempel op te kunnen drukken. Als freelancer mag je je klusje doen en ga je weer weg. Je bent geen onderdeel van een team. Dat vind ik nu ook het leukst, dat we met het hele team los kunnen gaan op een project.” Een bedrijf opzetten in de crisis is heus niet altijd relaxed geweest. Edward: “Maar dat heeft ons ook gesterkt, je moet creatief met oplossingen omgaan. Budgetten en deadlines staan nu eenmaal vast, dus zoek je naar alternatieve oplossingen. Is er

een andere weg te bewandelen om tot een vergelijkend resultaat te komen? Kunnen we bijvoorbeeld in plaats van volledig 3D iets anders doen zodat het effect nog steeds overweldigend is, maar de kosten wel lager zijn? Zo kijken we bij ieder project of we er het maximale uit kunnen halen.”

Liefde voor offline thispagecannotbefound.com heeft een voorliefde voor offline kunst. Edward: “Dat maakt ons anders dan andere digitale productiebedrijven. Zo zijn we een sponsorship met de ADCN aangegaan.” Art Directors Club Nederland is een genootschap gericht op creatievelingen, art directors, copywriters, et cetera. Edward: “Gelukkig stonden ze open voor een samenwerking met een digitaal productiebureau en hebben we inmiddels al veel contacten binnen de reclamewereld kunnen leggen. Sinds deze samenwerking worden we geregeld benaderd door bureaus die kennis met ons willen maken of een keer een try out willen uitvoeren. We richten niet al onze pijlen op onze vaste partners en dat maakt het voor ons ook leuk. Je krijgt een kijkje in een andere keuken. Hoe doen zij het, wat doen ze goed en wat minder. Hierdoor kunnen we ook groeien.” Jordi: “We werken graag

Jordi: “Iemand van Spyker benaderde

zo’n exclusief merk, die zitten niet te

Daniel, een designer van Achtung!, aan de

wachten op strategieën vanuit een bureau.

hand van zijn werk voor brillenmerk Ralf

Dat hebben ze ook niet nodig.”

Vaessen (ralfvaessen.com). Daniel vond

Edward: “Het eindresultaat is high-end,

neer te zetten.” Jordi: “Omdat we geen strakke deadline hadden, hadden we genoeg tijd om dingen te finetunen. Er zat geen hele hoge druk

dit natuurlijk een geweldige uitdaging en

het budget was dan ook niet slecht. Nu

vanuit de klant op het project. De planning

gaf aan graag met ons te willen werken –

moet ik wel bekennen dat het echt een

is dan ook iets wat we de volgende keer

een partij die hij kent en vertrouwt. Wij

lievelingsproject is geworden. Daarom

beter willen afkaderen, dat werkt gewoon

hoorden later dat Spyker zelf nog research

hebben we extra tijd geïnvesteerd in

prettiger.”

naar ons heeft gedaan om te kijken of ze

bepaalde animaties en extra functionalitei-

ons echt bij het merk Spyker vonden

ten. Er zit ook een hele grote back-end

moesten de geschiedenis, de nieuwe auto

passen. Dit was gelukkig het geval.”

De drie belangrijkste onderdelen

achter die veel tijd heeft gekost. Het budget

en functionele dingen als perskits worden.

Er zit dus geen reclamebureau tussen.

was denk ik dus net niet toereikend. Maar

Toen is thispagecannotbefound.com met

Edward: “Dat past ook niet bij Spyker. Het is

dat is weer die passie en drang om iets vets

Daniel aan tafel gaan zitten. “Met de

De historie van Spyker wordt prachtig weergegeven en staat mooi in contrast met het nieuwste model

De site zit vol met grappige trucs. Zo wordt hier het licht gedempt als de koplampen aangaan

20 _____________________________________________________________________ profiel

wdNL054_018022_profiel_ok.indd 20

15-02-13 14:51

samen met kunstenaars en onze samenwerking met ADCN toont aan dat we verder kijken. Ik denk dat andere grote productiepartijen dit ook heel interessant hadden gevonden. Het is iets dat mensen niet van ons verwachten en dat maakt het wel heel rock-’n-roll.” Ook in het pand zelf zie je dat de mannen graag met kunstenaars werken. Zo hangt er overal kunst aan de muur en liggen er overal EIGHT magazines. Edward: “Een vriend van mij, Jeroen Smeets van YOUR:OWN, bemiddelt in kunst en toen de muren hier nog heel kaal waren, vroeg ik hem of we niet wat werk mochten ophangen. Zo gezegd, zo gedaan. En warempel , er werden een paar doeken verkocht! Het is dus lucratief voor kunstenaars en wij worden buiten pixelkunst ook graag geïnspireerd door het traditionele doek. Daarnaast zit er ook een heel verhaal achter onze muurschilderingen. We hebben een viertal gasten van Crim Collective uit Manchester deze kant op laten komen om onze muren onder handen te nemen. Het is een soort stripverhaal geworden. Zo zit ons pand vol met bugs, deze zie je binnenkomen op de eerste etage. Ze knagen aan alles wat ze maar tegenkomen, ze zitten zelfs in kastjes, op de wc, de buitenkant van het pand en de schoorsteen. Naarmate je hoger in het pand komt, verschijnen er robots die met laserstralen

in de kleuren van ons logo de strijd met de bugs aangaan. Deze robots staan voor onze kennis en knowhow. Weer een verdieping hoger is een heuse battle gaande. Hier zie je dat de bugs worden beschoten, sommigen plegen zelfmoord, en helemaal bovenin proberen de laatste bugs uit pure angst het pand via het dak te verlaten. Zo vertelt ons pand een cool verhaal over hoe wij omgaan met bugs.”

Reclamewereld Door de achtergrond van Jordi en Edward bij TBWA\ kunnen ze zich goed inleven in de wereld van reclamebureaus. Edward: “We weten hoe het eraan toegaat bij een reclamebureau en dat werkt prettig. We werken met hele goede reclamebureaus en hebben niet de behoefte om, ondanks onze liefde voor kunst, ook concepten te gaan bedenken. Het zijn twee hele andere disciplines en wij vinden het juist zo leuk om dat stukje techniek, waarvan reclamebureaus vaak niet weten wat ze ermee aan moeten, op te pakken. Hier kunnen we ons ei in kwijt. Als je alles wilt doen, gaan we terug naar het jaar 2000. Toen bleek dat bureaus het niet meer aankonden en stonden bureaus als wij op, productiepartijen. Onze core ligt niet in het bedenken

gebruiker constant in het achterhoofd zijn

responsive site staat nog wel op de

we de site gaan invullen. Daniel is gaan

planning, maar zeker niet voor dit jaar.”

shinen qua design en wij maakten

Edward: “Behalve de planning zijn we

ondertussen prototypes. Wat gaat wel

heel tevreden over de gang van zaken. Er is

werken, wat niet? Normaal gesproken

over veel dingen nagedacht, zo hebben we

begin je met het uitschrijven van het

de site geoptimaliseerd voor SEO en is het

concept, maak je wireframes, een

naast een hele mooie site ook een hele

functioneel design, dat soort dingen. Dat

handige site. Met genoeg functionaliteiten

hebben we allemaal overgeslagen. Tijdens

voor pers en potentiële klanten.” “Het is een

dit project hadden wij samen met Daniel de

corporate site die op een campagnemanier

volledige regie in handen. Een andere

is aangevlogen”, aldus Jordi.

manier van werken, maar wel een leuke manier!

“

van concepten, maar versterken wel waar nodig.” Edward: “We werken vaak samen met (digitale) bureaus als Achtung!, Kumpany, TBWA\ en vele anderen – en op die manier met mooie merken zoals Microsoft, Heineken, Volkswagen en Vodafone. Het ligt ook aan het bureau waar we mee werken hoe het traject er uitziet. Het ene bureau heeft bijna het hele design klaar en weet heel duidelijk hoe het moet worden. Terwijl anderen een offline idee of concept hebben en dit graag online willen realiseren. Zij vragen meer om advies en design. Het ligt dus aan de opdrachten en bureaus hoe ze ons inzetten. De ene keer is dit een heel specifiek stuk techniek en de andere keer vraagt een klant om design en bouw, de hele shebang.” Edward: “Ik zeg altijd: na de oplevering van je project begint het eigenlijk pas. Als een campagne online gaat weet je nog niet zeker of je de allerbeste flow te pakken hebt. Er zijn altijd bepaalde plekken waar je een dropoff kunt constateren in Google Analytics. We besteden veel aandacht aan het monitoren hiervan, zo kunnen we in de gaten houden wat die campagne nu eigenlijk doet. Als je er na lancering niet meer naar omkijkt, kun je misschien al de helft van het effect verliezen.”

“Daarbij vinden we het stiekem wel heel stoer dat we één directe klant hebben.

Als er meer high-end merken zich direct bij ons willen voegen, ontvangen we ze met open armen Motorgeluiden en deuren die open gaan

”

En dat het dan ook gelijk zo’n gaaf merk is zonder dat we concurreren met andere

Edward: “Op een gegeven moment wilden

reclamebureaus, is heel fijn. Als je eigen

we iets interactiefs doen met al die mooie

klanten krijgt moet je altijd oppassen dat je

beelden. Het werd anders wel heel statisch.

niet in het vaarwater van die bureaus

Via kleine extraatjes kun je deuren laten

komt. Omdat Spyker geen bureau heeft en

openen of motorgeluiden horen. Hierdoor

wil, is er dus niks aan de hand. Als er meer

krijgt de gebruiker meer gevoel bij de auto.”

van dit soort high-end merken zich direct

De site is geoptimaliseerd voor de tablet,

bij ons willen voegen, ontvangen we ze

maar niet responsive. Jordi: “Hier was het

zeker met open armen. Het is leuk om

budget niet groot genoeg voor. We zijn wel

nieuw gebied te ontdekken”, aldus

bezig met een site voor mobiel. Een echt

Edward.

profiel_______________________________________________________________________ 21

wdNL054_018022_profiel_ok.indd 21

15-02-13 14:51

<profiel>

Het WK en de leegstaande zolder Edward mag nog niet zoveel zeggen over lopende projecten: “Spyker was een droom die werkelijkheid werd. Dit is onze enige directe klant en gelijk zo’n high-endmerk waar je u tegen zegt. Verder zijn we bezig met een cool project voor een sapmerk. Op het moment van publiceren is dit nog niet af, maar het wordt in ieder geval een interactief animatieverhaal dat gaat draaien op de iPad en desktop. De gebruiker kan zelf dingen tekenen, deze worden dan in de stijl van de animatie gebracht en opgenomen in het hele verhaal. Van stekje, tot boom, tot het sap in het pak.” Persoonlijk houdt Edward van de combinatie on- en offline. “Ik vind het cool als een stuk, stellage of installatie gekoppeld is aan online aspecten. Momenteel werken we met ADCN aan een project waar gezichtsherkenning centraal staat. Ook hier wordt deze vertaalslag van offline naar online gemaakt. Dat vind ik gaaf.” Jordi: “Verder zouden we graag een grote internationale en innovatieve campagne willen uitvoeren. We doen vaak dingen die gericht zijn op Nederland en soms op Europa. Zo hebben we een project voor C&A gerealiseerd dat in elf landen heeft gelopen, dat is wel gaaf. Maar het lijkt ons echt te gek om een super toonaangevende productie op

internationaal niveau te mogen produceren. Eentje die over de hele wereld wordt uitgerold. Misschien wel een evenement als het EK of WK.” Momenteel richt thispagecannotbefound.com zich voornamelijk op techniek en productie. Maar productie is allesomvattend. Het is code, design, 3D, Analytics, SEO, et cetera. “Dat is iets waarin we willen verbreden”, aldus Edward. “Ik denk dat we in code heel erg goed zijn, maar ik zou graag zien dat we ons spectrum gaan verbreden op visueel gebied, voornamelijk op het gebied van motion graphics.

“

Flash is de fallback voor HTML5

”

Er zijn weinig productiepartijen die echt goede visuals en graphics in combinatie met strakke code en goed werkende interfaces leveren. Ik denk dat we hier onze expertise in kunnen uitbreiden.” Jordi: “We zijn ook zeker nog niet uitgegroeid. Momenteel zijn we op zoek naar een echt goede allround front-end developer die duidelijk oog heeft voor detail en animatie en naar junioren met skills die graag voor mooie merken werken. Voor de lege zolder zijn al verschillende bestemmingsplannen geopperd, van boksbal tot pooltafel en gameroom.

Maar waarschijnlijk worden het extra werkplekken voor in de toekomst. Wie weet zetten we er wel een kunstenaar neer, alles is mogelijk.” thispagecannotbefound.com maakt nog steeds veel gebruik van Flash. Edward: “Ik gaf laatst een presentatie bij een klant over Flash met de boodschap dat Flash helemaal niet dood is. Het is maar hoe je het gebruikt. Vanuit Flash CS6 kun je nu vrij gemakkelijk exporteren naar HTML5. Dus kun je, omdat er nog geen goede IDE voor HTML5 is waar je een goede timeline-animatie mee kunt maken, Flash hier heel goed voor inzetten. Dit doen we ook veel. Als je beeld, geluid en animatie op de tijdlijn hebt staan, werken we het uit in JavaScript en exporteren het. Dan werkt het dus op je telefoon, computer en tablet. Voor Internet Explorer 8 en ouder gebruikten we dan weer de Flash-versie van de HTML5-animatie. Dan maken we met Flash SWF-content die dient als fallback voor HTML5. We zijn ook groot fan van Adobe AIR. Je port hiermee heel makkelijk code naar een website, iOS-app en Android-app, dus wat dat betreft is Flash heel breed en goed inzetbaar. Ik geloof niet meer in traditionele websites en vooral niet in corporate Flash-websites. Maar ik geloof nog steeds dat het een supergoede tool is om mooie dynamische content mee te maken. Flash is de fallback voor HTML5.”

Het nieuwe kantoor op de Wallen

Jordi Buskermolen en Edward Tetteroo

De muurschilderingen door Crimm Collective

22 ______________________________________________________________________ profiel

wdNL054_018022_profiel_ok.indd 22

15-02-13 14:51