[{"data":1,"prerenderedAt":324},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-trouw-i18n-slugs":132,"language-cases-slug-nl-trouw":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","trouw",{"locale":137,"value":135},"nl",{"page":139,"cases":244},{"title":140,"slug":135,"i18nSlugs":141,"social":144,"heroIllustration":147,"caseTeaser":152,"content":158,"metaData":197,"quote":219,"author":219,"pivots":220},"Trouw, Volkskrant en Parool",[142,143],{"locale":134,"value":135},{"locale":137,"value":135},{"title":145,"description":146,"image":104},"Trouw, Volkskrant en Parool | De Voorhoede","Eén app strategie voor meerdere merken",{"url":148,"alt":149,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1542197587-de-persgroep.svg","de persgroep",720,310,{"title":140,"image":153},{"url":154,"alt":155,"width":156,"height":157},"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1514918712-trouw-as-pwa-android-ios-app.jpg","Trouw.nl as PWA in browser (left), as PWA published to Google Play Store (middle) and as PWA published to Apple's App Store (right).",1600,857,[159,164,168,172,181,185,193],{"__typename":160,"id":161,"title":162,"body":163},"TextSectionRecord","431126","De uitdaging: performance en app development strategie voor meerdere merken","\u003Cp>De\u003Cspan> \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fwww.persgroep.nl\u002F\" target=\"_blank\" rel=\"noopener\">Persgroep Nederland\u003C\u002Fa>\u003Cspan> \u003C\u002Fspan>is de uitgever van meerdere grote nieuwsmerken in Nederland en België. Voor Volkskrant, Parool and Trouw is er één team verantwoordelijk voor ontwikkeling en onderhoud van de websites en apps. Dit team wilde één werkwijze neerzetten om de websites en apps van deze 3 merken te herontwikkelen en te onderhouden. Deze werkwijze moest ten eerste web performance garanderen. Ten tweede moest deze werkwijze leiden tot een onderhoudsvriendelijke en herbruikbare app strategie. De Persgroep vroeg de Voorhoede te helpen bij het ontwikkelen van deze strategie.\u003C\u002Fp>",{"__typename":160,"id":165,"title":166,"body":167},"431130","De oplossing: investeer in je gebruikers","\u003Cp>Als we starten met een nieuwe opdracht kijken we vaak naar de analytics om te zien hoe gebruikers verdeeld zijn over browsers en platformen. Hieruit bleek dat de native apps een stuk minder gebuikt werden dan de website. We hebben dit in ons voordeel gebruikt, door te focussen op web technologie.\u003C\u002Fp>\n\u003Cp>De ontwikkelkosten worden enorm gedrukt wanneer je een appy ervaring creëert in de browser en deze hergebruikt in een hybride app. Bovendien maak je een merk vindbaar in de Apple App Store & Google Play Store.\u003C\u002Fp>\n\u003Cp>Dit leidde tot de volgende strategie:\u003C\u002Fp>",{"__typename":160,"id":169,"title":170,"body":171},"431133","Stap 1: Supersnelle website","\u003Cp>Omdat we zo veel mogelijk functionaliteit van de website hergebruiken in de hybride app, leidt een snelle website tot een snelle \u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Fprogressive-web-apps\u002F\" target=\"_blank\" rel=\"noopener\">progressive web app (PWA)\u003C\u002Fa> en snelle hybride app. Bovendien heeft \u003Ca href=\"https:\u002F\u002Fwpostats.com\u002F\" target=\"_blank\" rel=\"noopener\">onderzoek aangetoond\u003C\u002Fa> dat web performance een enorme impact heeft op conversie en behoud van je gebruikers. We hebben het team geholpen een performance workflow neer te zetten, wat heeft geresulteerd in de snelste nieuwswebsite van Nederland. Daarnaast hebben we een performance budget opgesteld zodat performance centraal blijft staan tijdens ontwikkeling in de toekomst.\u003C\u002Fp>",{"__typename":173,"id":174,"image":175,"caption":177,"captionPosition":180},"ImageRecord","176458583",{"url":176,"alt":177,"width":178,"height":179},"https:\u002F\u002Fwww.datocms-assets.com\u002F2651\u002F1501078204-trouw-filmstrip.jpg","WebPageTest resultaat waar Trouw.nl in 0.6s laadt tegenover een aantal andere online niewssites",2492,1227,"left",{"__typename":160,"id":182,"title":183,"body":184},"431142","Stap 2: Moderne web app voor de massa","\u003Cp>Om een 'appy' ervaring te bewerkstelligen op het web hebben we een PWA ontwikkeld. Deze kan bijvoorbeeld push notificaties versturen en dezelfde snelheidservaring geven onafhankelijk van de connectiviteit van de gebruiker. Al deze functionaliteiten werken in moderne browsers en de website is installeerbaar als PWA.\u003C\u002Fp>",{"__typename":173,"id":186,"image":187,"caption":189,"captionPosition":192},"176458584",{"url":188,"alt":189,"width":190,"height":191},"https:\u002F\u002Fwww.datocms-assets.com\u002F2651\u002F1501078207-trouw-web-pwa-app.jpg","Aan de linkerkant is de website met PWA install banner te zien, in het midden de fullscreen PWA en aan de rechterkant de hybride Android app",2203,1280,"right",{"__typename":160,"id":194,"title":195,"body":196},"431148","Stap 3: Een beetje native voor de rest","\u003Cp>Om vindbaar te zijn in de Apple App Store & Google Play Store hebben we de PWA in een React Native hybrid app gestopt. De PWA strategie is gericht op de toekomst. Op dit moment kunnen we zelfs de PWA functionaliteiten hergebruiken in de Android hybride app. En ondanks dat dit op iOS niet kan, kunnen we wel deze functionaliteiten nabouwen met een React Native oplossing.\u003C\u002Fp>",{"expertisesTitle":198,"expertises":199,"deliverableTitle":204,"deliverables":205,"technologiesTitle":210,"technologies":211,"interestedTitle":216,"interestedLinkUrl":217,"interestedLinkLabel":218},"Expertises",[200,202],{"title":201},"Development",{"title":203},"Web Performance Optimalisatie","Deliverable",[206,208],{"title":207},"Progressive web app",{"title":209},"Hybrid web app","Platforms",[212,214],{"title":213},"Cordova",{"title":215},"React Native","Bekijk resultaat","https:\u002F\u002Fwww.trouw.nl\u002F","www.trouw.nl ","",[221,233],{"title":222,"body":219,"links":223,"mailchimpValue":219,"mailchimpName":219,"mailchimpId":219,"formType":224,"contactPerson":225},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":226,"lastName":227,"jobTitle":228,"image":229},"Nena","de Clercq","Operations Director",{"url":230,"alt":104,"width":231,"height":232},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":234,"body":219,"links":235,"mailchimpValue":219,"mailchimpName":219,"mailchimpId":219,"formType":236,"contactPerson":237},"Meld je aan voor onze nieuwsbrief",[],"newsletter",{"name":238,"lastName":219,"jobTitle":239,"image":240},"Vera","Marketeer",{"url":241,"alt":104,"width":242,"height":243},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[245,248,251,254,257,260,263,266,269,272,275,278,281,284,287,288,291,294,297,300,303,306,309,312,315,318,321],{"slug":246,"title":247},"quantum-inspire","Quantum Inspire",{"slug":249,"title":250},"life-terra","Life Terra",{"slug":252,"title":253},"geldmaat","Geldmaat",{"slug":255,"title":256},"pathe-thuis","Pathé Thuis",{"slug":258,"title":259},"viriciti","ViriCiti",{"slug":261,"title":262},"drop-and-fly","Drop & Fly",{"slug":264,"title":265},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":267,"title":268},"het-nieuwe-funda","Het nieuwe Funda",{"slug":270,"title":271},"bouwen-is-macht","Bouwen is Macht",{"slug":273,"title":274},"world-water-atlas","World Water Atlas",{"slug":276,"title":277},"pick-up-10","Pick Up 10",{"slug":279,"title":280},"hike-one","Hike One",{"slug":282,"title":283},"dlr-inspectie-app","DLR Inspectie app",{"slug":285,"title":286},"tradus","Tradus",{"slug":135,"title":140},{"slug":289,"title":290},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":292,"title":293},"npo-dashboard","NPO Dashboard",{"slug":295,"title":296},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":298,"title":299},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":301,"title":302},"2dehands-be","2dehands.be",{"slug":304,"title":305},"swipe-and-shop","Swipe & Shop",{"slug":307,"title":308},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":310,"title":311},"giftforyou","GiftForYou",{"slug":313,"title":314},"commtrac","Commtrac",{"slug":316,"title":317},"stamp-postnl-design-system","PostNL",{"slug":319,"title":320},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":322,"title":323},"privacy-by-design-in-je-bol","In je bol",1776256165447]