[{"data":1,"prerenderedAt":339},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-life-terra-i18n-slugs":132,"language-cases-slug-nl-life-terra":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","life-terra",{"locale":137,"value":135},"nl",{"page":139,"cases":259},{"title":140,"slug":135,"i18nSlugs":141,"social":144,"heroIllustration":147,"caseTeaser":152,"content":155,"metaData":215,"quote":159,"author":159,"pivots":246},"Life Terra",[142,143],{"locale":134,"value":135},{"locale":137,"value":135},{"title":145,"description":146,"image":104},"PWA tegen klimaatverandering voor Life Terra | De Voorhoede","Voor Life Terra ontwikkelden wij een Progressive Web App waarin je geplante bomen monitoort. De applicatie werkt ook wanneer je telefoon slecht bereik heeft.",{"url":148,"alt":149,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1684149458-life-terra-website.jpg","adopt a tree",1920,1279,{"title":153,"image":154},"Plant een boom, red de wereld",{"url":148,"alt":149,"width":150,"height":151},[156,161,167,171,179,183,187,195,199,207,211],{"__typename":157,"id":158,"title":159,"body":160},"TextSectionRecord","121578500","","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Voor Life Terra ontwikkelden wij een complete Web App waarin zijzelf en donateurs geplante bomen kunnen monitoren. De applicatie toont een kaart waar - in de toekomst - 500 miljoen geadopteerde bomen op komen te staan. Elke boom wordt getagd op een specifieke locatie met coördinaten, een foto en een beschrijving van het type boom. Om donateurs nog meer te betrekken, ontwikkelden we een dashboard waarop je kunt inloggen en je eigen geadopteerde bomen ziet. Benieuwd naar hoe we hier een app van hebben gemaakt, zonder native app technieken te gebruiken? Lees dan snel verder.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":163,"image":164,"caption":165,"captionPosition":166},"ImageRecord","121578501",{"url":148,"alt":149,"width":150,"height":151},"Adopteer een boom","bottom",{"__typename":157,"id":168,"title":169,"body":170},"121578502","Project tegen klimaatverandering","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Het doel van Life Terra is om voor elke Europeaan 1 boom te planten. Dat komt neer op 500 miljoen bomen in Europa. De organisatie zet zich op die manier in om klimaatverandering tegen te gaan. Life Terra besloot om een applicatie te laten bouwen waarmee zij particulieren en bedrijven betrekken om dit doel te behalen. Als expert in performance en gebruiksvriendelijkheid waren wij voor Life Terra dé partij om met deze klus aan de slag te gaan. Met De Voorhoede zetten we ons graag in voor projecten die bijdragen aan een betere wereld. We hebben dan ook met heel veel plezier aan dit project gewerkt. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":172,"image":173,"caption":178,"captionPosition":166},"121578622",{"url":174,"alt":175,"width":176,"height":177},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1652260840-img_20220117_114859.jpg","A group of 10 people standing in nature with trees in the background",4000,1936,"Bomenplant event met De Voorhoede",{"__typename":157,"id":180,"title":181,"body":182},"121578503","PWA om bomen te planten","\u003Cp>\u003Cspan style=\"font-weight: 400;\">De website heeft de functionaliteiten van een app. Dat noemen we een \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fservices\u002Fprogressive-web-apps\u002F\">\u003Cspan style=\"font-weight: 400;\">Progressive Web App\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\"> (PWA). Belangrijk voor de applicatie van Life Terra is een soepele flow, ongeacht het bereik dat je telefoon heeft. Of nu midden in de polder in Nederland een boom plant, op een berg in Zwitserland of in de bossen van Tsjechië. De foto die je maakt van de boom en de locatie die je registreert, wordt altijd eerst lokaal opgeslagen. Bij goed bereik wordt de data geüpload. Als gebruiker merk je daar niets van en kun je alle stappen direct doorlopen. De functionaliteiten van een PWA maken dit allemaal mogelijk zonder dat je een native app hoeft te bouwen. Dat scheelt ontzettend veel tijd in de ontwikkeling. Tegelijk profiteer je met een PWA nog wel van de functionaliteiten van een app, zoals notificaties, camera toegang en GPS.\u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">\u003Cbr \u002F>\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":157,"id":184,"title":185,"body":186},"121578504","Live dashboard met geplante bomen","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Voor de boomplant partners ontwikkelden we een dashboard waarin zij hun eigen geadopteerde bomen terugzien. We houden daar live bij hoeveel bomen iemand zelf heeft geplant en hoeveel bomen er in totaal in Europa zijn geplant. Op moment dat we deze case schrijven zijn er al ruim 284.432 bomen geplant door Life Terra en\u003C\u002Fspan>\u003Cb> \u003C\u002Fb>70.107\u003Cspan style=\"font-weight: 400;\"> bomen geplant door hun partners.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":188,"image":189,"caption":194,"captionPosition":166},"121578505",{"url":190,"alt":191,"width":192,"height":193},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1652260372-schermafbeelding-2022-05-11-om-10-37-46.png","dashboard life terra",3404,1738,"Dashboard met geplante bomen",{"__typename":157,"id":196,"title":197,"body":198},"121578506","Interactieve kaart met slimme clusters","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Op een \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Fdatavisualisatie\u002F\">interactieve kaart\u003C\u002Fa> in het dashboard tonen we alle bomen die geadopteerd zijn door heel Europa. Per boom zijn details beschikbaar van het soort boom, de locatie, wanneer hij is geplant en een foto. De kaart blijft altijd overzichtelijk - zelfs met duizenden bomen op dezelfde locatie. Bij het uitzoomen tonen we slimme clusters. Wanneer je inzoomt verspringen de bomen naar specifieke locaties. Onze ervaring met Mapbox bij de projecten van \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fcases\u002F15-apps-voor-wateronderzoek-bij-deltares\u002F\">\u003Cspan style=\"font-weight: 400;\">Deltares\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\"> kwam hier goed bij van pas.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":200,"image":201,"caption":206,"captionPosition":166},"121955011",{"url":202,"alt":203,"width":204,"height":205},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691162173-life-terra-tree-map.jpg","Mobiele schermen met een overzicht van bomen in een cluster en in detail",1058,988,"Slimme clusters op de kaart",{"__typename":157,"id":208,"title":209,"body":210},"122148423","Backoffice voor intern gebruik","\u003Cp>\u003Cspan style=\"font-weight: 400;\">De administratie van de geplante bomen wordt bijgehouden in het backoffice systeem dat wij ontwikkelden voor Life Terra. Dit systeem bouwden we voor de medewerkers van de interne operations afdeling. Zij houden hier in bij hoeveel bomen ze verwachten dat er geplant worden, hoeveel er daadwerkelijk getagd zijn en het verschil daarin. Iemand vergeet bijvoorbeeld om een boom te taggen, terwijl de boom wel is geplant. Aan de hand van deze inzichten kunnen de medewerkers acties ondernemen. Daarnaast kunnen de bomen in de backoffice toegewezen worden aan gebruikers of groepen. Ook als cadeau. Handig bijvoorbeeld als een organisatie een boom cadeau wil doen aan alle individuele medewerkers. De backoffice is flexibel ingericht om in de toekomst verder uit te breiden. Bij de ontwikkeling is rekening gehouden met de schaalbaarheid en de potentiële groei van Life Terra.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":157,"id":212,"title":213,"body":214},"121578507","Full stack webdevelopment oplossing","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Of wij full stack \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002F\">webdevelopment\u003C\u002Fa> leveren? Jazeker. Ook al zijn wij een zeer gespecialiseerd front-end bureau, we bouwen ongezien ook de hele stack met dezelfde kwaliteit en principes als ons front-end werk. De wensen voor de app van Life Terra vroegen om een fullstack webdevelopment oplossing. We stelden een interdisciplinair team samen met een UI designer, front-end specialisten, back-end developers, en scrummaster. We zorgden voor uitgebreide begeleiding o.a. met een Design Sprint workshop en hielpen de klant met het maken van keuzes met onze scrum sessies en een agile project aanpak. \u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Heeft jouw organisatie ook een Progressive Web App nodig? Neem contact op zodat we jouw project kunnen bespreken.\u003C\u002Fstrong>\u003C\u002Fp>",{"expertisesTitle":216,"expertises":217,"deliverableTitle":224,"deliverables":225,"technologiesTitle":230,"technologies":231,"interestedTitle":244,"interestedLinkUrl":245,"interestedLinkLabel":140},"Expertises",[218,220,222],{"title":219},"User interface design",{"title":221},"PWA",{"title":223},"Datavisualisatie","Product",[226,228],{"title":227},"Website",{"title":229},"Progressive web app","Technologie",[232,234,236,238,240,242],{"title":233},"DatoCMS",{"title":235},"Netlify",{"title":237},"Mapbox",{"title":239},"Vue.js",{"title":241},"Prisma",{"title":243},"PostgresQL","Bekijk resultaat","https:\u002F\u002Fwww.lifeterra.eu\u002F",[247],{"title":248,"body":159,"links":249,"mailchimpValue":159,"mailchimpName":159,"mailchimpId":159,"formType":250,"contactPerson":251},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":252,"lastName":253,"jobTitle":254,"image":255},"Flip","van Eijndhoven","Business Director",{"url":256,"alt":104,"width":257,"height":258},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[260,263,264,267,270,273,276,279,282,285,288,291,294,297,300,303,306,309,312,315,318,321,324,327,330,333,336],{"slug":261,"title":262},"quantum-inspire","Quantum Inspire",{"slug":135,"title":140},{"slug":265,"title":266},"geldmaat","Geldmaat",{"slug":268,"title":269},"pathe-thuis","Pathé Thuis",{"slug":271,"title":272},"viriciti","ViriCiti",{"slug":274,"title":275},"drop-and-fly","Drop & Fly",{"slug":277,"title":278},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":280,"title":281},"het-nieuwe-funda","Het nieuwe Funda",{"slug":283,"title":284},"bouwen-is-macht","Bouwen is Macht",{"slug":286,"title":287},"world-water-atlas","World Water Atlas",{"slug":289,"title":290},"pick-up-10","Pick Up 10",{"slug":292,"title":293},"hike-one","Hike One",{"slug":295,"title":296},"dlr-inspectie-app","DLR Inspectie app",{"slug":298,"title":299},"tradus","Tradus",{"slug":301,"title":302},"trouw","Trouw, Volkskrant en Parool",{"slug":304,"title":305},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":307,"title":308},"npo-dashboard","NPO Dashboard",{"slug":310,"title":311},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":313,"title":314},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":316,"title":317},"2dehands-be","2dehands.be",{"slug":319,"title":320},"swipe-and-shop","Swipe & Shop",{"slug":322,"title":323},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":325,"title":326},"giftforyou","GiftForYou",{"slug":328,"title":329},"commtrac","Commtrac",{"slug":331,"title":332},"stamp-postnl-design-system","PostNL",{"slug":334,"title":335},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":337,"title":338},"privacy-by-design-in-je-bol","In je bol",1776256145003]