[{"data":1,"prerenderedAt":311},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-2dehands-be-i18n-slugs":134,"language-cases-slug-en-2dehands-be":140},{"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",[135,138],{"locale":136,"value":137},"en","2dehands-be",{"locale":139,"value":137},"nl",{"page":141,"cases":231},{"title":142,"slug":137,"i18nSlugs":143,"social":146,"heroIllustration":150,"caseTeaser":155,"content":160,"metaData":183,"quote":205,"author":206,"pivots":207},"2dehands.be",[144,145],{"locale":136,"value":137},{"locale":139,"value":137},{"title":147,"description":148,"image":149},"2dehands.be | De Voorhoede","The quickest marketplace in Belgium",null,{"url":151,"alt":152,"width":153,"height":154},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539871378-2ehands.svg","tweede hands",720,310,{"title":148,"image":156},{"url":157,"alt":149,"width":158,"height":159},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539871533-2ehands.png",1983,1246,[161,166,175,179],{"__typename":162,"id":163,"title":164,"body":165},"TextSectionRecord","432510","The challenge: quickly place a classified ad from any device","\u003Cp>On 2dehands.be, people can buy and sell used products. With 720.000 daily visits and a spectactular number of over 4 million classifieds on the website, 2dehands.be is the largest free classifieds website in Belgium.\u003C\u002Fp>\n\u003Cp>Like many websites, 2dehands.be previously only worked well on large screens common to desktop and laptop computers. With the web moving towards mobile, it is important that the website also works well on smaller screens. We were asked to adapt the site for these devices.\u003C\u002Fp>",{"__typename":167,"id":168,"image":169,"caption":142,"captionPosition":174},"ImageRecord","432511",{"url":170,"alt":171,"width":172,"height":173},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539871672-2dehands-devices.jpg","Tweedehands.be on laptop, tablet and mobile",3868,1540,"bottom",{"__typename":162,"id":176,"title":177,"body":178},"432512","","\u003Cp>That was not all. Because of the sheer amount of visitors there’s a large variety in the specifications of their (mobile) devices. 2dehands.be asked us to make it possible to place an ad from any device. This meant that we also needed to support — for instance — an old Blackberry phone over a slow 3G connection. On the other hand, we needed to offer a great user experience to visitors with the latest smartphones and tablets as well.\u003C\u002Fp>\n\u003Cp>The question was: how do we offer visitors with slower or older devices a website that ‘always’ works? And how do we optimize the same website for the latest high-end models?\u003C\u002Fp>",{"__typename":162,"id":180,"title":181,"body":182},"432513","The solution: progressive enhancement","\u003Cp>At De Voorhoede we like to work \u003Cem>agile\u003C\u002Fem>. So expectedly, during this project we implemented the scrum method. Our scrum team consisted of \u003Ca href=\"https:\u002F\u002Fhike.one\u002F\" target=\"_blank\" rel=\"noopener\">Hike One\u003C\u002Fa> designers and back-end developers of 2dehands.be. Because we had different disciplines working together in the same space, we were able to make quick decisions and strengthen each other’s work.\u003C\u002Fp>\n\u003Cp>The biggest challenge was to make the new website run on a wide range of devices, while it also should feel \u003Cem>fast\u003C\u002Fem> on all these different devices. To accomplish this, we followed the rules of \u003Cem>progressive enhancement\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cp>Progressive enhancement is not a technology. It’s a process in which you make a basic version of the website available for older devices. It provides all functionality, but is stripped of visual polish and is less user friendly. This way, visitors with older devices can still use the complete website. The usability and aesthetic of the basic version is then gradually increased for modern devices.\u003C\u002Fp>\n\u003Cp>During the project, our work was reviewed by the \u003Ca href=\"http:\u002F\u002Fwww.filamentgroup.com\u002F\" target=\"_blank\" rel=\"noopener\">Filament Group\u003C\u002Fa> from Boston, a group of experts in the field of progressive enhancement. Their conclusion:\u003C\u002Fp>",{"expertisesTitle":184,"expertises":185,"deliverableTitle":190,"deliverables":191,"technologiesTitle":194,"technologies":195,"interestedTitle":202,"interestedLinkUrl":203,"interestedLinkLabel":204},"Expertises",[186,188],{"title":187},"Development",{"title":189},"Web Performance Optimisation","Deliverables",[192],{"title":193},"Website","Technologies",[196,198,200],{"title":197},"HTML",{"title":199},"CSS",{"title":201},"JS","See result","https:\u002F\u002Fwww.2dehands.be","www.2dehands.be","Great job! Best website we’ve analyzed so far.","Filament Group, Boston",[208,220],{"title":209,"body":177,"links":210,"mailchimpValue":177,"mailchimpName":177,"mailchimpId":177,"formType":211,"contactPerson":212},"Let's discuss what we can do",[],"contact",{"name":213,"lastName":214,"jobTitle":215,"image":216},"Nena","de Clercq","Operations Director",{"url":217,"alt":149,"width":218,"height":219},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":221,"body":177,"links":222,"mailchimpValue":177,"mailchimpName":177,"mailchimpId":177,"formType":223,"contactPerson":224},"Subscribe to our newsletter",[],"newsletter",{"name":225,"lastName":177,"jobTitle":226,"image":227},"Vera","Marketer",{"url":228,"alt":149,"width":229,"height":230},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[232,235,238,241,244,247,250,253,256,259,262,265,268,271,274,277,280,283,286,289,290,293,296,299,302,305,308],{"slug":233,"title":234},"quantum-inspire","Quantum Inspire",{"slug":236,"title":237},"life-terra","Life Terra",{"slug":239,"title":240},"geldmaat","Geldmaat",{"slug":242,"title":243},"pathe-thuis","Pathé Thuis",{"slug":245,"title":246},"viriciti","ViriCiti",{"slug":248,"title":249},"drop-and-fly","Drop & Fly",{"slug":251,"title":252},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":254,"title":255},"a-brand-new-funda","A brand new Funda",{"slug":257,"title":258},"bouwen-is-macht","Bouwen is Macht",{"slug":260,"title":261},"world-water-atlas","World Water Atlas",{"slug":263,"title":264},"pick-up-10","Pick Up 10",{"slug":266,"title":267},"hike-one","Hike One",{"slug":269,"title":270},"dlr-inspection-app","DLR Inspection app",{"slug":272,"title":273},"tradus","Tradus",{"slug":275,"title":276},"trouw","Trouw, Volkskrant and Parool",{"slug":278,"title":279},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":281,"title":282},"npo-dashboard","NPO Dashboard",{"slug":284,"title":285},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":287,"title":288},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":137,"title":142},{"slug":291,"title":292},"swipe-and-shop","Swipe & Shop",{"slug":294,"title":295},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":297,"title":298},"giftforyou","GiftForYou",{"slug":300,"title":301},"commtrac","Commtrac",{"slug":303,"title":304},"stamp-postnl-design-system","PostNL",{"slug":306,"title":307},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":309,"title":310},"privacy-by-design-in-je-bol","In je bol",1776256179174]