emerce dare 2016 - marcel duin (q42)

22
CREATIVE ONLINE STORYTELLING What, how, what’s next? Amsterdam, 30 november 2016

Upload: emerce

Post on 07-Jan-2017

139 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Emerce Dare 2016 - Marcel Duin (Q42)

CREATIVE ONLINE STORYTELLINGWhat, how, what’s next?

Amsterdam, 30 november 2016

Page 2: Emerce Dare 2016 - Marcel Duin (Q42)

Marcel Duin

●Web Developer @ Q42

●Expertise: high performance front-end ervaringen

●Bouwer techniek De Tuin der Lusten

●60FPS all the way

Page 3: Emerce Dare 2016 - Marcel Duin (Q42)

ONLINE STORYTELLING

Page 4: Emerce Dare 2016 - Marcel Duin (Q42)

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

Page 6: Emerce Dare 2016 - Marcel Duin (Q42)

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/

Page 7: Emerce Dare 2016 - Marcel Duin (Q42)

MAAR

Page 8: Emerce Dare 2016 - Marcel Duin (Q42)

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

Page 9: Emerce Dare 2016 - Marcel Duin (Q42)

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

Page 10: Emerce Dare 2016 - Marcel Duin (Q42)

SHIFT CHANGENTR

Page 11: Emerce Dare 2016 - Marcel Duin (Q42)

VAN TV FIRSTNAAR INTERNET FIRST

Page 12: Emerce Dare 2016 - Marcel Duin (Q42)

NEXT STEPMICR.IO

Page 13: Emerce Dare 2016 - Marcel Duin (Q42)

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)

Page 14: Emerce Dare 2016 - Marcel Duin (Q42)

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

Page 15: Emerce Dare 2016 - Marcel Duin (Q42)

TECH PREVIEW

Page 16: Emerce Dare 2016 - Marcel Duin (Q42)

CASE: NTR / VPROJARENZESTIG.NL

Page 18: Emerce Dare 2016 - Marcel Duin (Q42)

CASE: WORLD PRESS PHOTO

Page 19: Emerce Dare 2016 - Marcel Duin (Q42)

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

Page 20: Emerce Dare 2016 - Marcel Duin (Q42)

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

Page 21: Emerce Dare 2016 - Marcel Duin (Q42)

FIN

Page 22: Emerce Dare 2016 - Marcel Duin (Q42)

http://www.q42.nl/