[{"data":1,"prerenderedAt":306},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-hike-one-i18n-slugs":-1,"language-cases-slug-en-hike-one":134},{"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},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__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},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"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","B Corp logo",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":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",{"page":135,"cases":226},{"title":136,"slug":137,"i18nSlugs":138,"social":143,"heroIllustration":148,"caseTeaser":152,"content":159,"metaData":194,"quote":173,"author":173,"pivots":214},"Hike One","hike-one",[139,141],{"locale":140,"value":137},"en",{"locale":142,"value":137},"nl",{"title":144,"description":145,"image":146},"Hike One | De Voorhoede","Not long ago, digital designers agency UNITiD changed their name to Hike One. With that name change also came a new identity. A good excuse to replace their old sluggish Wordpress website with one that is fast, flashy and fun to use. ",{"url":147},"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1519980528-screenshot.png",{"url":149,"alt":136,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1542198226-hike-one.svg",720,310,{"title":153,"image":154},"A content heavy handsome website",{"url":155,"alt":156,"width":157,"height":158},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1537963521-1512565972-2017-10-hike-one-design-24.jpg",null,715,477,[160,165,169,182,185],{"__typename":161,"id":162,"title":163,"body":164},"TextSectionRecord","401040","The challenge: a content heavy handsome website","\u003Cp>Not long ago, digital designers agency UNITiD changed their name to Hike One. With that name change also came a new identity. A good excuse to replace their old sluggish Wordpress website with one that is fast, flashy and fun to use. Including a modern CMS with a intuitive interface so that authors can effortlessly add new pages. Pages that tell their own story with original matching layouts that have text, large responsive images, videos and are SEO friendly. Lots of conditions, but we accomplished all of it. You can find the result at \u003Ca href=\"https:\u002F\u002Fhike.one\u002F\">hike.one\u003C\u002Fa> and this is how we did it.\u003C\u002Fp>",{"__typename":161,"id":166,"title":167,"body":168},"401296","The solution: an ‘universal’ website with a user-friendly CMS","\u003Cp>Content is king, so the choice of CMS was important. We found an excellent candidate in DatoCMS. It boasts a full featured API for all content, which makes it technology independent. This way we can use the best front-end stack suitable for the job. It’s component based, which means custom pages can be put together with modular building blocks. Copy writers can now compose unique exciting articles with reusable custom components and build a brand new page without the help of a developer. And it is so easy to use even for non-tech-savvy authors, that pages can be made and released in minutes.\u003C\u002Fp>",{"__typename":170,"id":171,"mute":172,"loop":172,"autoplay":172,"caption":173,"gif":156,"video":174},"ResponsiveVideoRecord","406338",false,"",{"url":175,"title":176,"height":177,"width":178,"provider":179,"providerUid":180,"thumbnailUrl":181},"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":161,"id":183,"title":173,"body":184},"401297","\u003Cp>Good content management with Dato was the first step, NextJS was the second. NextJS is a front-end framework built with ReactJS, that makes it easy to render parts on the server and in the browser. A so called 'isomorphic' website. This results a SEO friendly website, that is fast, responsive and has a single page app-feel for the user.\u003C\u002Fp>\n\u003Cp>Finally there’s the eye candy in the form of the awesome menu animation and the cool parallax effects throughout the site. GreenSock Animation Platform helped to achieve this: a high performance and easy to use JavaScript animation library.\u003C\u002Fp>",{"__typename":170,"id":186,"mute":172,"loop":172,"autoplay":172,"caption":173,"gif":156,"video":187},"406345",{"url":188,"title":189,"height":190,"width":191,"provider":179,"providerUid":192,"thumbnailUrl":193},"https:\u002F\u002Fvimeo.com\u002F256077608\u002F41a39f3513","Hike One - menu animation",356,640,"256077608","https:\u002F\u002Fi.vimeocdn.com\u002Fvideo\u002F683652105-7c3d9f15b98cc30fde098b5b092c73e6c838cb5e5d77692062c0c0cee9533502-d_640",{"expertisesTitle":195,"expertises":196,"deliverableTitle":199,"deliverables":200,"technologiesTitle":203,"technologies":204,"interestedTitle":211,"interestedLinkUrl":212,"interestedLinkLabel":213},"Expertises",[197],{"title":198},"Development","Deliverables",[201],{"title":202},"Website","Technologies",[205,207,209],{"title":206},"GSAP",{"title":208},"NextJS",{"title":210},"React","See result","https:\u002F\u002Fhike.one\u002F","www.hike.one",[215],{"title":216,"body":173,"links":217,"mailchimpValue":173,"mailchimpName":173,"mailchimpId":173,"formType":218,"contactPerson":219},"Subscribe to our newsletter",[],"newsletter",{"name":220,"lastName":173,"jobTitle":221,"image":222},"Vera","Marketer",{"url":223,"alt":156,"width":224,"height":225},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[227,230,233,236,239,242,245,248,251,254,257,260,261,264,267,270,273,276,279,282,285,288,291,294,297,300,303],{"slug":228,"title":229},"quantum-inspire","Quantum Inspire",{"slug":231,"title":232},"life-terra","Life Terra",{"slug":234,"title":235},"geldmaat","Geldmaat",{"slug":237,"title":238},"pathe-thuis","Pathé Thuis",{"slug":240,"title":241},"viriciti","ViriCiti",{"slug":243,"title":244},"drop-and-fly","Drop & Fly",{"slug":246,"title":247},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":249,"title":250},"a-brand-new-funda","A brand new Funda",{"slug":252,"title":253},"bouwen-is-macht","Bouwen is Macht",{"slug":255,"title":256},"world-water-atlas","World Water Atlas",{"slug":258,"title":259},"pick-up-10","Pick Up 10",{"slug":137,"title":136},{"slug":262,"title":263},"dlr-inspection-app","DLR Inspection app",{"slug":265,"title":266},"tradus","Tradus",{"slug":268,"title":269},"trouw","Trouw, Volkskrant and Parool",{"slug":271,"title":272},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":274,"title":275},"npo-dashboard","NPO Dashboard",{"slug":277,"title":278},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":280,"title":281},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":283,"title":284},"2dehands-be","2dehands.be",{"slug":286,"title":287},"swipe-and-shop","Swipe & Shop",{"slug":289,"title":290},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":292,"title":293},"giftforyou","GiftForYou",{"slug":295,"title":296},"commtrac","Commtrac",{"slug":298,"title":299},"stamp-postnl-design-system","PostNL",{"slug":301,"title":302},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":304,"title":305},"privacy-by-design-in-je-bol","In je bol",1776256171662]