[{"data":1,"prerenderedAt":309},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-2dehands-be-i18n-slugs":132,"language-cases-slug-nl-2dehands-be":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","2dehands-be",{"locale":137,"value":135},"nl",{"page":139,"cases":229},{"title":140,"slug":135,"i18nSlugs":141,"social":144,"heroIllustration":147,"caseTeaser":152,"content":158,"metaData":181,"quote":203,"author":204,"pivots":205},"2dehands.be",[142,143],{"locale":134,"value":135},{"locale":137,"value":135},{"title":145,"description":146,"image":104},"2dehands.be | De Voorhoede","De snelste marktplaats van België werkt op ieder apparaat door progressive enhancement",{"url":148,"alt":149,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539871378-2ehands.svg","tweede hands",720,310,{"title":153,"image":154},"De snelste marktplaats van België",{"url":155,"alt":104,"width":156,"height":157},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539871533-2ehands.png",1983,1246,[159,164,173,177],{"__typename":160,"id":161,"title":162,"body":163},"TextSectionRecord","432514","De uitdaging: snel een advertentie plaatsen vanaf elk apparaat","\u003Cp>Op 2dehands.be kunnen bezoekers terecht voor het kopen en verkopen van tweedehands producten. Elke dag bezoeken 720.000 gebruikers de website en er staan maar liefst vier miljoen advertenties online. Daarmee is 2dehands.be de grootste gratis advertentiesite van België.\u003C\u002Fp>\n\u003Cp>2dehands werkte, zoals de meeste sites, alleen goed op desktopcomputers en laptops. Door het grote bereik van de site, was het belangrijk dat de website ook goed werkt op mobiele apparaten met een kleiner scherm, zoals tablets en smartphones. 2dehands.be schakelde De Voorhoede in om de website geschikt te maken voor dit soort apparaten.\u003C\u002Fp>",{"__typename":165,"id":166,"image":167,"caption":140,"captionPosition":172},"ImageRecord","432515",{"url":168,"alt":169,"width":170,"height":171},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539871672-2dehands-devices.jpg","De website van tweedehands.be op laptop, tablet en mobiel",3868,1540,"bottom",{"__typename":160,"id":174,"title":175,"body":176},"432516","","\u003Cp>Daar hield de opdracht niet bij op: door het grote bezoekersaantal waren er ook grote verschillen in de ouderdom en snelheid van (mobiele) apparaten van bezoekers. Hierdoor moest het mogelijk zijn om met een oude Blackberry telefoon een advertentie te plaatsen via een trage 3G-verbinding. Daarnaast wil je gebruikers met een moderne smartphone of tablet een optimale gebruikerservaring bieden.\u003C\u002Fp>\n\u003Cp>Maar hoe bied je gebruikers met minder uitgeruste apparaten een website die 'altijd' werkt? En hoe optimaliseer je dezelfde website voor de allernieuwste apparaten?\u003C\u002Fp>",{"__typename":160,"id":178,"title":179,"body":180},"432517","De oplossing: progressive enhancement","\u003Cp>Bij De Voorhoede werken we graag \u003Cem>agile\u003C\u002Fem>. Ook tijdens dit project werkten we met scrum. Ons scrum-team bestond uit designers van \u003Ca href=\"https:\u002F\u002Fhike.one\u002F\" target=\"_blank\" rel=\"noopener\">Hike One\u003C\u002Fa> en back-end developers van 2dehands.be. Doordat we met verschillende disciplines in één ruimte zaten, konden we nauw samenwerken en snel knopen doorhakken.\u003C\u002Fp>\n\u003Cp>De grootste uitdaging was om de nieuwe website op een breed spectrum aan apparaten te laten werken. En om het op al deze apparaten snel te laten werken. We hebben dit gedaan door gebruik te maken van \u003Cem>progressive enhancement\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cp>Progressive enhancement is geen technologie, maar een werkwijze waarbij je een basisvariant van de website beschikbaar maakt voor minder goed uitgeruste apparaten. De basisvariant biedt alle functionaliteit, maar is visueel uitgekleed en iets minder gebruiksvriendelijk. Zo kunnen gebruikers op (veelal) oudere apparaten de website toch goed gebruiken. Vervolgens wordt de gebruiksvriendelijkheid van de basisvariant stap voor stap verrijkt voor apparaten die uitgerust zijn met meer mogelijkheden.\u003C\u002Fp>\n\u003Cp>Tijdens het project is ons werk gereviewed door de \u003Ca href=\"http:\u002F\u002Fwww.filamentgroup.com\u002F\" target=\"_blank\" rel=\"noopener\">Filament Group\u003C\u002Fa> uit Boston, deskundigen op het gebied van progressive enhancement. Hun conclusie:\u003C\u002Fp>",{"expertisesTitle":182,"expertises":183,"deliverableTitle":188,"deliverables":189,"technologiesTitle":192,"technologies":193,"interestedTitle":200,"interestedLinkUrl":201,"interestedLinkLabel":202},"Expertises",[184,186],{"title":185},"Development",{"title":187},"Web Performance Optimalisatie","Deliverables",[190],{"title":191},"Website","Platforms",[194,196,198],{"title":195},"HTML",{"title":197},"CSS",{"title":199},"JS","Bekijk resultaat",".https:\u002F\u002Fwww.2dehands.be","www.2dehands.be","Great job! Best website we’ve analyzed so far.","Filament Group, Boston",[206,218],{"title":207,"body":175,"links":208,"mailchimpValue":175,"mailchimpName":175,"mailchimpId":175,"formType":209,"contactPerson":210},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":211,"lastName":212,"jobTitle":213,"image":214},"Nena","de Clercq","Operations Director",{"url":215,"alt":104,"width":216,"height":217},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":219,"body":175,"links":220,"mailchimpValue":175,"mailchimpName":175,"mailchimpId":175,"formType":221,"contactPerson":222},"Meld je aan voor onze nieuwsbrief",[],"newsletter",{"name":223,"lastName":175,"jobTitle":224,"image":225},"Vera","Marketeer",{"url":226,"alt":104,"width":227,"height":228},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[230,233,236,239,242,245,248,251,254,257,260,263,266,269,272,275,278,281,284,287,288,291,294,297,300,303,306],{"slug":231,"title":232},"quantum-inspire","Quantum Inspire",{"slug":234,"title":235},"life-terra","Life Terra",{"slug":237,"title":238},"geldmaat","Geldmaat",{"slug":240,"title":241},"pathe-thuis","Pathé Thuis",{"slug":243,"title":244},"viriciti","ViriCiti",{"slug":246,"title":247},"drop-and-fly","Drop & Fly",{"slug":249,"title":250},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":252,"title":253},"het-nieuwe-funda","Het nieuwe Funda",{"slug":255,"title":256},"bouwen-is-macht","Bouwen is Macht",{"slug":258,"title":259},"world-water-atlas","World Water Atlas",{"slug":261,"title":262},"pick-up-10","Pick Up 10",{"slug":264,"title":265},"hike-one","Hike One",{"slug":267,"title":268},"dlr-inspectie-app","DLR Inspectie app",{"slug":270,"title":271},"tradus","Tradus",{"slug":273,"title":274},"trouw","Trouw, Volkskrant en Parool",{"slug":276,"title":277},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":279,"title":280},"npo-dashboard","NPO Dashboard",{"slug":282,"title":283},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":285,"title":286},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":135,"title":140},{"slug":289,"title":290},"swipe-and-shop","Swipe & Shop",{"slug":292,"title":293},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":295,"title":296},"giftforyou","GiftForYou",{"slug":298,"title":299},"commtrac","Commtrac",{"slug":301,"title":302},"stamp-postnl-design-system","PostNL",{"slug":304,"title":305},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":307,"title":308},"privacy-by-design-in-je-bol","In je bol",1776256178128]