Overslaan en naar hoofdinhoud gaan

Een unieke 3D-belevingswereld voor bol.com

Image

Een écht goed festival beleven, dat kan tegenwoordig ook gewoon online. Bij Dept hebben we inmiddels al aardig wat digitale festivals mogen opzetten, waaronder recentelijk het ‘ID2021’ event van de populaire webshop bol.com. Stages, food trucks, een photobooth en een lounge area: het was er allemaal in een op maat gemaakte 3D-wereld. Zo konden de bol.commers ten tijde van het coronavirus tóch op geheel nieuwe wijze samenkomen.

Image

Want succes mag gevierd worden

Bol.com opende in 1999 de online winkeldeuren en is gedurende de jaren die volgden uitgegroeid tot één van de grootste en succesvolste e-commerce bedrijven van Nederland en België. Succes mag gevierd worden, zo vinden ze bij bol.com. Zie daar het jaarlijkse ID (InspiratieDag) event, een uitbundig festival voor alle ‘bol.commers’. Maar toen was er corona en ging het hele feestje niet door… Of toch wel?

Bij Dept hebben we inmiddels meerdere digitale festivals op onze naam staan. Na een pitchtraject kwamen we bij bol.com als winnaar uit de bus en werd ons gevraagd ook zo’n virtueel festival voor hen op te zetten. Het jaarlijkse bol.com festival – een evenement boordevol lezingen, interactieve sessies en lekker eten en drinken – is een waar begrip onder de medewerkers. Dit alles omzetten naar een digitale variant is dus wel een uitdaging. Zei je ‘uitdaging’? Well, bring it on.

Image

Het concept van ID2021

Eind 2020 markeerde de aftrap van het project, te beginnen met het maken van een ‘service blueprint’. Dept en bol.com bespraken wat de voorgaande festivals zo bijzonder maakte en welke elementen onmisbaar waren in de online versie. Het bleek met name te gaan om het delen van de bedrijfsstrategie, het voelen van de bedrijfscultuur en bovenal gezellig samenzijn. Op basis van deze eerste gesprekken bepaalden we het concept voor het digitale festival ID2021.

Image

Het concept tot leven brengen

Na het concept was het design aan de beurt. Daar waar je in het eerste begin alleen bij bol.com terecht kon voor boeken, kun je er tegenwoordig nagenoeg ieder artikel kopen dat je maar kunt bedenken. We vonden het toepasselijk om dit stukje geschiedenis tot leven te brengen en dus opent de online festival omgeving zich als een boek. Sla je de kaft open, dan beleef je de ‘bol.com wereld’ met daarin allerlei items die je ook op de echte werkplek tegenkomt. Denk aan een voetbalveld waar in de pauzes een balletje wordt getrapt, een terras waar met zonnig weer wordt gegeten en de voor bol.com zo kenmerkende ‘Hoi Anh Food Truck’.

Tiago Nascimento, visual designer bij Dept: “Mensen zijn gewend aan websites, maar 3D-omgevingen zijn nog relatief nieuw. Het concept komt zo echt tot leven.” Bol.com ziet het dan ook niet als een eenmalig platform, maar gaat deze 3D-beleving vaker inzetten. Ook vrijmibo’s en partner events kunnen in tijden als deze wel iets extra’s gebruiken.

Image

Een unieke 3D-belevingswereld

Over naar de technische kant van het platform. Na de countdown konden de bol.com medewerkers op 11 maart 2021 inloggen met hun gebruikelijke bol.com medewerkers account via een SAML-based single sign-on. Wachttijden en errors komen niet in dit boek voor; dankzij de CDN oplossing van Imperva konden we de hoge piek van gebruikers aan en is het inloggen vlekkeloos verlopen.

Het boek werd vervolgens geopend en het festival kon beginnen. De 3D-belevingswereld is gebouwd met React Three Fiber (R3F), een krachtige Three.js renderer die 3D-afbeeldingen en animaties tot leven brengt. Net als bij een festival in real-life, wil je ook in een online omgeving weten waar ‘dat echte feestje’ nou is – en waar jij en je collega’s/vrienden dus moeten zijn. Per stage was met een visitor counter te zien hoeveel mensen er op dat moment aanwezig waren. Zo zie je meteen hoeveel van jouw festival buddies rechtsvoor bij de speaker staan! De externe tool beamer.io maakt het voor de bol.com content managers mogelijk om tijdens het online event updates te pushen en de fear of missing out (FOMO) bij iedereen weg te nemen. Ben je een minuut inactief en heb je je muis niet aangeraakt? Dan vlieg je als een vogel over het terrein en krijg je een mooi beeld vanuit overkoepelend perspectief.

Image

Cloud

Als Cloud Provider is het onze intentie om agnostisch te zijn, wat betekent dat we zowel cloud platforms bouwen op Amazon Web Services, Google Cloud en Microsoft Azure.Voor bol.com bouwen wij onze platformen op Microsoft Azure op basis van een serverless architectuur. De architectuur voor het festival bestaat uit Azure WebApps die geografisch van elkaar gescheiden zijn doordat ze in aparte regio’s draaien (West Europe & North Europe). Hiermee hebben we een high-available en geo-redundant architectuur gecreëerd waarbij de Azure Application Gateway het verkeer routeert. We hebben hiermee de hoge load kunnen opvangen en een eventuele regionale outage kunnen mitigeren.

Het cloud platform is gebouwd op basis van het Infra As Code (IaC) principe door ARM templates te gebruiken. Deze templates worden uitgerold via Azure DevOps naar Microsoft Azure. Het builden en deployen (CI/CD) van code naar het cloud platform wordt ook uitgevoerd met Azure DevOps. Approval flows zorgen ervoor dat het niet zomaar mogelijk is om een rollout naar productie uit te kunnen voeren. Datadog Monitoring is gebruikt om ten tijde van het festival de omgeving te kunnen monitoren op beschikbaarheid en stabiliteit. Daarnaast is het toegepast voor applicatie insights.

Image

Online festivals zijn (onderdeel van) de toekomst

Wat begon met ons eigen digitale Dept festival, is inmiddels onderdeel geworden van onze expertise. Het bedenken, opzetten en uitvoeren van een digitaal festival is en blijft een uitdaging – zeker wanneer het in een kort tijdsbestek gerealiseerd moet worden – maar het is er zeker één die we met beide handen aangrijpen. Dergelijke 3D-platformen bieden ons veel innovatieve mogelijkheden en sluiten hiermee naadloos aan op de business KPI’s van bedrijven anno nu.

Marleen van Es-Nijhuis, Manager Brand Activation bij bol.com: ““Dept heeft bij de organisatie van een van onze interne evenementen hun rol sterk uitgevoerd. Het bouwen van een platform vraagt om technisch advies, een strakke organisatie en rust. Deze facetten hebben wij bij Dept gevonden en wij kijken inmiddels terug op een zeer succesvolle samenwerking.”

Het digitale ID2021 was een groot succes:

  • 2.000 van de 2.4000 werknemers waren aanwezig bij het digitale evenement (83%);
  • Het evenement duurde zes uur lang en had een gevarieerd programma op de 15 verschillende stages;
  • 9 stages met sprekers, 2 stages voor social interaction, 3 stages met fun content en 1 virtuele photo booth.

Deze mensen weten alles over dit project