[{"data":1,"prerenderedAt":303},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-hike-one-i18n-slugs":104,"language-cases-slug-nl-hike-one":132},{"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",{"page":133,"cases":223},{"title":134,"slug":135,"i18nSlugs":136,"social":141,"heroIllustration":146,"caseTeaser":150,"content":156,"metaData":191,"quote":170,"author":170,"pivots":211},"Hike One","hike-one",[137,139],{"locale":138,"value":135},"en",{"locale":140,"value":135},"nl",{"title":142,"description":143,"image":144},"Hike One | De Voorhoede","Niet lang geleden heeft het digital designer agency UNITiD zichzelf hernoemd naar Hike One. Met deze naamsverandering kwam ook een nieuwe identiteit. Een goed moment om hun oude, trage Wordpress website te vervangen door een snelle en flashy website, die ook nog eens leuk is om te gebruiken.",{"url":145},"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1519986567-screenshot.png",{"url":147,"alt":134,"width":148,"height":149},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1542198226-hike-one.svg",720,310,{"title":151,"image":152},"Een betoverende website met stevige content",{"url":153,"alt":104,"width":154,"height":155},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1537963521-1512565972-2017-10-hike-one-design-24.jpg",715,477,[157,162,166,179,182],{"__typename":158,"id":159,"title":160,"body":161},"TextSectionRecord","401315","De uitdaging: een betoverende website met stevige content","\u003Cp>In 2017 veranderde UNITiD, interactiedesignbureau in Amsterdam van naam. Met die naamsverandering kwam ook een nieuwe identiteit. Een goed excuus om hun oude logge Wordpress-site te vervangen door eentje die snel, flitsend en gebruiksvriendelijk is. Inclusief een CMS met een intuïtieve interface zodat auteurs moeiteloos nieuwe pagina's kunnen aanmaken. Met originele layouts die tekst, grote responsive afbeeldingen en video's bevatten, moet elke pagina een eigen verhaal kunnen vertellen. Bovendien moeten ze goed te vinden zijn en doorzoekbaar door zoekmachines. Dat zijn een hoop voorwaarden, maar we zijn erin geslaagd om aan alles te voldoen. Het resultaat is te vinden op \u003Ca href=\"http:\u002F\u002Fhike.one\u002F\">hike.one\u003C\u002Fa> en dit is hoe we het hebben gedaan.\u003C\u002Fp>",{"__typename":158,"id":163,"title":164,"body":165},"401317","De oplossing: een isomorphic website met een gebruiksvriendelijk CMS","\u003Cp>Content is king, daarom is een goed CMS belangrijk. We vonden een uitstekende kandidaat in DatoCMS. Dat is een CMS dat aan te roepen is via een API, waardoor je niet gebonden bent aan een vooraf bepaald framework. Hierdoor kunnen wij de front-end stack kiezen die het beste past bij het project. Daarnaast is het component-gericht, waardoor het mogelijk is om pagina's samen te stellen met modulaire blokken. Copywriters kunnen unieke, boeiende verhalen vertellen door herbruikbare componenten te combineren voor nieuwe pagina's. En dat zonder de hulp van een developer. Het CMS is zelfs zo gebruiksvriendelijk dat je een gloednieuwe pagina binnen enkele minuten kan opmaken en online kan zetten.\u003C\u002Fp>",{"__typename":167,"id":168,"mute":169,"loop":169,"autoplay":169,"caption":170,"gif":104,"video":171},"ResponsiveVideoRecord","406343",false,"",{"url":172,"title":173,"height":174,"width":175,"provider":176,"providerUid":177,"thumbnailUrl":178},"https:\u002F\u002Fvimeo.com\u002F258237744\u002F2c8dc37a22","Hike One - case page",360,622,"vimeo","258237744","https:\u002F\u002Fi.vimeocdn.com\u002Fvideo\u002F686364056-c4b5c2c74f60310bb99fd6a3bb6b73133e84b16ef804f42852e57b137fb51e39-d_295x166",{"__typename":158,"id":180,"title":170,"body":181},"401319","\u003Cp>Goed content management was de eerste stap, Next.js was de tweede. Next.js is een front-end framework gemaakt met React, waarmee het makkelijk is om delen van de content op de server, en delen in de browser te genereren. Dit wordt ook wel een ‘isomorphic’ website genoemd. Het resultaat hiervan is dat de website geoptimaliseerd is voor SEO, snel en responsive aanvoelt en de gebruiker een single page app-gevoel ervaart.\u003C\u002Fp>\n\u003Cp>Tot slot is er de eye candy: een vette menu-animatie en heftige parallax effecten die op verschillende plekken zijn toegepast. GreenSock Animation Platform heeft ons hierbij geholpen: een JavaScript animatielibrary met hoge performance, én makkelijk om te gebruiken.\u003C\u002Fp>",{"__typename":167,"id":183,"mute":169,"loop":169,"autoplay":169,"caption":170,"gif":104,"video":184},"406346",{"url":185,"title":186,"height":187,"width":188,"provider":176,"providerUid":189,"thumbnailUrl":190},"https:\u002F\u002Fvimeo.com\u002F256077608\u002F41a39f3513","Hike One - menu animation",356,640,"256077608","https:\u002F\u002Fi.vimeocdn.com\u002Fvideo\u002F683652105-7c3d9f15b98cc30fde098b5b092c73e6c838cb5e5d77692062c0c0cee9533502-d_640",{"expertisesTitle":192,"expertises":193,"deliverableTitle":196,"deliverables":197,"technologiesTitle":200,"technologies":201,"interestedTitle":208,"interestedLinkUrl":209,"interestedLinkLabel":210},"Expertises",[194],{"title":195},"Development","Deliverables",[198],{"title":199},"Website","Platforms",[202,204,206],{"title":203},"GSAP",{"title":205},"NextJS",{"title":207},"React","Bekijk resultaat","https:\u002F\u002Fhike.one","www.hike.lne",[212],{"title":213,"body":170,"links":214,"mailchimpValue":170,"mailchimpName":170,"mailchimpId":170,"formType":215,"contactPerson":216},"Meld je aan voor onze nieuwsbrief",[],"newsletter",{"name":217,"lastName":170,"jobTitle":218,"image":219},"Vera","Marketeer",{"url":220,"alt":104,"width":221,"height":222},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[224,227,230,233,236,239,242,245,248,251,254,257,258,261,264,267,270,273,276,279,282,285,288,291,294,297,300],{"slug":225,"title":226},"quantum-inspire","Quantum Inspire",{"slug":228,"title":229},"life-terra","Life Terra",{"slug":231,"title":232},"geldmaat","Geldmaat",{"slug":234,"title":235},"pathe-thuis","Pathé Thuis",{"slug":237,"title":238},"viriciti","ViriCiti",{"slug":240,"title":241},"drop-and-fly","Drop & Fly",{"slug":243,"title":244},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":246,"title":247},"het-nieuwe-funda","Het nieuwe Funda",{"slug":249,"title":250},"bouwen-is-macht","Bouwen is Macht",{"slug":252,"title":253},"world-water-atlas","World Water Atlas",{"slug":255,"title":256},"pick-up-10","Pick Up 10",{"slug":135,"title":134},{"slug":259,"title":260},"dlr-inspectie-app","DLR Inspectie app",{"slug":262,"title":263},"tradus","Tradus",{"slug":265,"title":266},"trouw","Trouw, Volkskrant en Parool",{"slug":268,"title":269},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":271,"title":272},"npo-dashboard","NPO Dashboard",{"slug":274,"title":275},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":277,"title":278},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":280,"title":281},"2dehands-be","2dehands.be",{"slug":283,"title":284},"swipe-and-shop","Swipe & Shop",{"slug":286,"title":287},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":289,"title":290},"giftforyou","GiftForYou",{"slug":292,"title":293},"commtrac","Commtrac",{"slug":295,"title":296},"stamp-postnl-design-system","PostNL",{"slug":298,"title":299},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":301,"title":302},"privacy-by-design-in-je-bol","In je bol",1776256175414]