emerce dare 2016 - marcel duin (q42)

CREATIVE ONLINE STORYTELLINGWhat, how, what’s next?

Amsterdam, 30 november 2016

Marcel Duin

●Web Developer @ Q42

●Expertise: high performance front-end ervaringen

●Bouwer techniek De Tuin der Lusten

●60FPS all the way

ONLINE STORYTELLING

Key ingredients

●De gebruiker moet meegenomen kunnen worden

●Onverdeelde aandacht aan het verhaal is cruciaal

●Interface moet het verhaal dienen

●Performance moet zonder schokken gaan

JHERONIMUS BOSCHDE TUIN DER LUSTEN

Resultaat

●~ 1.5 miljoen bezoekers sinds Februari

●Vanuit heel de wereld, nog vanuit 6 landen geen hits

●Grote user engagement: meer dan 150.000 bleven minimaal 5 minuten

●Via social media van zichzelf verspreid, begonnen bij 1 Facebookpost

●Zeer veel positieve reacties, features op grote blogs

●“This is the internet we were promised” - This Is Collosal

●DIA-award, European Design Award, SpinAward, nog lopende nominaties

●\o/

MAAR

Proces

●On and off ontwikkeld in 1 jaar tijd, from scratch

●Technische uitdaging: bestaande technieken waren niet voldoende

●Moest nog goed werken op iPad 1

●Interdisciplinair team: contentmakers, TV-makers, designers, componist, programmeurs

●Veel samenwerking, veel sparsessies en compromissen

●Veel usertesting

Learnings

●2 typen gebruikers:

○ Mensen die meegenomen willen worden

○ Mensen die zelf willen ontdekken en spelen

●Input van alle disciplines moet op gelijke waarde worden geschat

○ Geen kwestie van ‘design over de muur gooien’

○ Geen kwestie van ‘het is zo geprogrammeerd, dus deal with it’

○ Leerzaam voor iedereen om interdisciplinaire kennis op te doen

SHIFT CHANGENTR

VAN TV FIRSTNAAR INTERNET FIRST

NEXT STEPMICR.IO

Javascript library voor hi-res images

●Hi-res zoomable beelden makkelijk op je website

●Toegang tot een virtuele camera

●Werkt in alle browsers

●Bandbreedte- en CPU optimized

●Binnen een jaar al binnen 11 projecten binnen Q42 gebruikt (oa Van Gogh Museum, Rijksmuseum)

Storytelling platform

●Na Tuin der Lusten veel interesse voor soortgelijke cases

●Bestaande CMS was onlogisch en ingewikkeld

●WYSIWYG-editor gemaakt

●Modulair uit te bouwen

●Eeuwige Work-In-Progress

TECH PREVIEW

CASE: NTR / VPROJARENZESTIG.NL

CASE: EUROPEAN SPACE AGENCY

CASE: WORLD PRESS PHOTO

Concluderend

●Verhalen zijn op 1000 manieren te vertellen

●Er is niet 1 gouden standaard om dit te doen

●Belangrijkst:

○ Ontwikkel voor de eindgebruiker

○ Oude media hun weg laten vinden naar nieuwe media

○ Integreer kennis van alle betrokkenen!

○ Ga lange discussies over keuzes niet uit de weg (al zijn er uitzonderingen)

●Ofwel:

●Vernieuwing is niet het doel, het verhaal vertellen is het doel

En last but not least

●3D / VR / AR komen er keihard aan

●3D-modellers zullen hierin een belangrijke rol spelen

●Hier zullen weer nieuwe storytellingmogelijkheden uitkomen

FIN

http://www.q42.nl/