[{"data":1,"prerenderedAt":329},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-pick-up-10-i18n-slugs":132,"language-cases-slug-nl-pick-up-10":138},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png",null,404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",[133,136],{"locale":134,"value":135},"en","pick-up-10",{"locale":137,"value":135},"nl",{"page":139,"cases":249},{"title":140,"slug":135,"i18nSlugs":141,"social":144,"heroIllustration":147,"caseTeaser":151,"content":154,"metaData":214,"quote":176,"author":176,"pivots":236},"Pick Up 10",[142,143],{"locale":134,"value":135},{"locale":137,"value":135},{"title":145,"description":146,"image":104},"Pick Up 10 | De Voorhoede","De Plastic Soup Surfer deze zomer op avontuur met zijn 3D geprinte foil SUP board, gemaakt van gerecycled plastic. En jij kunt bijdragen! ",{"url":148,"alt":104,"width":149,"height":150},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1622105772-pickup-10-case-preview.png",665,470,{"title":152,"image":153},"Vergroot het bewustzijn over plastic afval",{"url":148,"alt":104,"width":149,"height":150},[155,160,164,174,178,187,190,202,205],{"__typename":156,"id":157,"title":158,"body":159},"TextSectionRecord","401085","De uitdaging: mensen bewust maken van plastic zwerfvuil","\u003Cp>Plastic zwerfafval verandert in plastic soep en bedreigt onze oceanen. Het goede nieuws: in de voortzetting van zijn strijd tegen een plasticvrije oceaan gaat de \u003Ca href=\"https:\u002F\u002Fwww.plasticsoupsurfer.org\u002F\">Plastic Soup Surfer\u003C\u002Fa> deze zomer op avontuur met zijn 3D geprinte foil SUP board, gemaakt van gerecycled plastic. En jij kunt bijdragen! De Plastic Soup Surfer wil dat iedereen meedoet aan deze “Pick Up 10” campagne. Wat je doet: je raapt plastic afval op en maakt er een foto van. Je opgepakte plastic wordt verwerkt in de surfplank; dankzij je foto’s verzamelen we merknamen en fabrikanten. Zo kunnen we de mensen die in de positie zijn om werkelijk iets te veranderen aan de kern van het probleem, confronteren. Maar hoe kunnen wij, louter front-end developers, helpen het verschil te maken?\u003C\u002Fp>\n\u003Cp>We worden meestal gevraagd om een betere gebruikerservaring te bouwen, of teams te helpen efficiënter te werken. Maar in dit geval wordt onze doelgroep juist niet aangespoord om meer of sneller te consumeren. Wat kunnen wij doen?\u003C\u002Fp>\n\u003Cp>\u003C\u002Fp>\n\u003Cfigure class=\"content-figure\">\u003Cpicture class=\"fixed-ratio\">\u003Csource media=\"(min-width: 570px)\" type=\"image\u002Fwebp\" srcset=\"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1526629302-plastic-soup-surfer.jpeg?ch=Width,DPR&auto=compress&auto=format&w=990\" \u002F>\u003Csource media=\"(min-width: 320px)\" type=\"image\u002Fwebp\" srcset=\"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1526629302-plastic-soup-surfer.jpeg?ch=Width,DPR&auto=compress&auto=format&w=570\" \u002F>\u003Csource media=\"(min-width: 570px)\" srcset=\"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1526629302-plastic-soup-surfer.jpeg?ch=Width,DPR&auto=compress&w=990\" \u002F>\u003Csource media=\"(min-width: 320px)\" srcset=\"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1526629302-plastic-soup-surfer.jpeg?ch=Width,DPR&auto=compress&w=570\" \u002F>\u003C\u002Fpicture>\u003C\u002Ffigure>",{"__typename":156,"id":161,"title":162,"body":163},"401086","De oplossing: gamified plastic afval opruimen","\u003Cp>Bij De Voorhoede zijn we nogal technology minded. Dus begonnen we met een idee dat gedreven werd door technologie: kunnen we op een foto afval automatisch herkennen? Blijkt van wel! En dat niet alleen: we kunnen herkennen of het plastic is, of het een flesje is, of er een merknaam op staat en nog veel meer. Hoe? We gebruiken \u003Ca href=\"https:\u002F\u002Fcloud.google.com\u002Fvision\u002F\">Google’s Vision API\u003C\u002Fa>, een cloud service die afbeeldingen analyseert dankzij machine learning. Na een snelle test waren we overtuigd dat ons idee klopte. Maar een technisch bewezen idee is nog verre van iets bruikbaars voor de Plastic Soup Surfer.\u003C\u002Fp>",{"__typename":165,"id":166,"image":167,"caption":172,"captionPosition":173},"ImageRecord","176453852",{"url":168,"alt":169,"width":170,"height":171},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1535460060-pick-up-10idea.jpg","Handgetekende visualisatie van het idee voor de Pick Up 10-app",1108,797,"Het idee: met machine learning plastic afval herkennen","right",{"__typename":156,"id":175,"title":176,"body":177},"401091","","\u003Cp>De informatie die we terugkrijgen van Google Vision geeft ons allerlei mogelijkheden. In eerste instantie helpt het de Plastic Soup Surfer en partner \u003Ca href=\"https:\u002F\u002Fwww.litterati.org\u002F\">Litterati\u003C\u002Fa> in het gevecht voor duurzaamheid. Maar als developers kunnen we de data ook gebruiken om punten toe te kennen aan wat er in de foto te zien is. Met andere woorden: we kunnen plastic afval verzamelen gamifyen! Om onze ideeën snel om te zetten in een werkend prototype organiseerden we een hackathon met de \u003Ca href=\"https:\u002F\u002Fhike.one\u002F\">designers van Hike One\u003C\u002Fa> en Merijn Tinga, de Plastic Soup Surfer zelf.\u003C\u002Fp>",{"__typename":165,"id":179,"image":180,"caption":185,"captionPosition":186},"176453853",{"url":181,"alt":182,"width":183,"height":184},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1535460065-1526629287-pick-up-10-idea-copy.png","Plastic soup - Merijn Tinga",575,400,"De hackathon waarmee de Pick Up 10 campagne werd afgetrapt","left",{"__typename":156,"id":188,"title":176,"body":189},"401095","\u003Cp>Het is indrukwekkend wat je met een groep creatievelingen kan bereiken in een dag. Na een ochtend hadden we met 4 teams een werkend concept ontwikkeld om je uit te dagen om mee te doen, waarmee je foto’s kan nemen, de Google Vision API was geïmplementeerd, we hadden een beloningssysteem gebouwd en uitgedacht hoe gebruikers hun vrienden kunnen uitnodigen om de app ook te gaan gebruiken. Aan het eind van de hackathon knoopten we alles aan elkaar en presto! We hadden een prototype van de app:\u003C\u002Fp>",{"__typename":191,"id":192,"mute":193,"loop":193,"autoplay":193,"caption":176,"gif":104,"video":194},"ResponsiveVideoRecord","401096",false,{"url":195,"title":196,"height":197,"width":198,"provider":199,"providerUid":200,"thumbnailUrl":201},"https:\u002F\u002Fvimeo.com\u002F265601385","A New Campaign - PickUp10",360,640,"vimeo","265601385","https:\u002F\u002Fi.vimeocdn.com\u002Fvideo\u002F695812178-870454dc0e8b7e2a0cb2909fd164e8ec3c372646d2ec250d599823eee9c44242-d_640",{"__typename":156,"id":203,"title":176,"body":204},"401097","\u003Cp>Van prototype naar eindproduct was een fluitje van een cent. Dankzij het prototype wisten we al wat de technische uitdagingen waren, en welke interactiepatronen we moesten bouwen. De focus kwam daardoor op het bouwen van een robuuste app. We hoefden ons geen zorgen te maken over de haalbaarheid, of dat de app wel prettig zou bedienen. We stelden een backlog op, bouwden een solide API-implementatie, verfijnden de user flow, strooiden wat verslavende elementjes rond en ziedaar: Pick Up 10 is af! We hopen dat onze inzet je inspireert om zoveel mogelijk plastic zwerfafval op te ruimen omwille van de oceaan, en je je vrienden en familie uitdaagt om jouw score te verbeteren.\u003C\u002Fp>",{"__typename":165,"id":206,"image":207,"caption":212,"captionPosition":213},"401098",{"url":208,"alt":209,"width":210,"height":211},"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1526629297-pick-up-10-screenshots.png","Mobiele schermen van pick up 10",2384,1412,"Pick Up 10 screenshots","bottom",{"expertisesTitle":215,"expertises":216,"deliverableTitle":221,"deliverables":222,"technologiesTitle":225,"technologies":226,"interestedTitle":233,"interestedLinkUrl":234,"interestedLinkLabel":235},"Expertise",[217,219],{"title":218},"Development",{"title":220},"Prototyping","Deliverables",[223],{"title":224},"Progressive web app","Platforms",[227,229,231],{"title":228},"Nuxt.js",{"title":230},"Vue.js",{"title":232},"Google Vision API","Bekijk resultaat","https:\u002F\u002Fpickup10.voorhoede.nl\u002F","pickup10.voorhoede.nl",[237],{"title":238,"body":176,"links":239,"mailchimpValue":176,"mailchimpName":176,"mailchimpId":176,"formType":240,"contactPerson":241},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":242,"lastName":243,"jobTitle":244,"image":245},"Nena","de Clercq","Operations Director",{"url":246,"alt":104,"width":247,"height":248},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,[250,253,256,259,262,265,268,271,274,277,280,281,284,287,290,293,296,299,302,305,308,311,314,317,320,323,326],{"slug":251,"title":252},"quantum-inspire","Quantum Inspire",{"slug":254,"title":255},"life-terra","Life Terra",{"slug":257,"title":258},"geldmaat","Geldmaat",{"slug":260,"title":261},"pathe-thuis","Pathé Thuis",{"slug":263,"title":264},"viriciti","ViriCiti",{"slug":266,"title":267},"drop-and-fly","Drop & Fly",{"slug":269,"title":270},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":272,"title":273},"het-nieuwe-funda","Het nieuwe Funda",{"slug":275,"title":276},"bouwen-is-macht","Bouwen is Macht",{"slug":278,"title":279},"world-water-atlas","World Water Atlas",{"slug":135,"title":140},{"slug":282,"title":283},"hike-one","Hike One",{"slug":285,"title":286},"dlr-inspectie-app","DLR Inspectie app",{"slug":288,"title":289},"tradus","Tradus",{"slug":291,"title":292},"trouw","Trouw, Volkskrant en Parool",{"slug":294,"title":295},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":297,"title":298},"npo-dashboard","NPO Dashboard",{"slug":300,"title":301},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":303,"title":304},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":306,"title":307},"2dehands-be","2dehands.be",{"slug":309,"title":310},"swipe-and-shop","Swipe & Shop",{"slug":312,"title":313},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":315,"title":316},"giftforyou","GiftForYou",{"slug":318,"title":319},"commtrac","Commtrac",{"slug":321,"title":322},"stamp-postnl-design-system","PostNL",{"slug":324,"title":325},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":327,"title":328},"privacy-by-design-in-je-bol","In je bol",1776256171693]