[{"data":1,"prerenderedAt":383},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-tu-delft-spacefinder-i18n-slugs":132,"language-cases-slug-nl-tu-delft-spacefinder":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","tu-delft-spacefinder",{"locale":137,"value":135},"nl",{"page":139,"cases":303},{"title":140,"slug":135,"i18nSlugs":141,"social":144,"heroIllustration":147,"caseTeaser":152,"content":155,"metaData":258,"quote":159,"author":159,"pivots":290},"TU Delft Spacefinder",[142,143],{"locale":134,"value":135},{"locale":137,"value":135},{"title":145,"description":146,"image":104},"Interactieve kaart voor TU Delft ","We ontwikkelden een interactieve kaart voor de studenten van de TU Delft.",{"url":148,"alt":149,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725282950-tu-delft-campus-spacefinder.jpg","TU Delft campus",4192,3148,{"title":153,"image":154},"Interactieve kaart voor de studenten van de TU Delft",{"url":148,"alt":104,"width":150,"height":151},[156,161,171,176,180,186,189,198,202,210,214,218,227,231,237,252],{"__typename":157,"id":158,"title":159,"body":160},"TextSectionRecord","dE0ZOImcT0SmqK4GWLCUuQ","","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Studenten van de Technische Universiteit Delft ervaren een tekort aan studieplekken op de campus, vooral tijdens tentamenperiodes. Hoewel de gebouwbeheerders zeker weten dat er voldoende plekken zijn, blijven studenten vaak bij bekende locaties zoals hun eigen gebouw of de centrale bibliotheek. Dit leidt tot de indruk dat er geen plek is, ondanks dat er elders voldoende beschikbare ruimtes zijn. De universiteit wil daarom de bestaande plekken met de bijbehorende faciliteiten beter inzichtelijk maken voor de studenten. Met dat probleem in het achterhoofd ontwikkelden wij de Spacefinder voor &eacute;n met de studenten van de TU.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":163,"image":164,"caption":169,"captionPosition":170},"ImageRecord","G4GjvpLgQzyhuEd_2_wZlQ",{"url":165,"alt":166,"width":167,"height":168},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283969-spacefinder-laptop.png","Vrouw achter een laptop met op haar scherm een kaart van de tu campus",4000,2252,"Kaart met drukte-indicatoren per gebouw op de campus van de TU Delft","bottom",{"__typename":172,"id":173,"quote":174,"author":175},"QuoteRecord","fZfmmnxST-G4r3n4EVxt5w","Dankzij Spacefinder hoeven wij geen nieuwe plekken te faciliteren, maar weten de studenten bestaande plekken beter te vinden. Dit zorgt voor meer tevredenheid onder de studenten en het bespaart ons een hoop nieuwe studieplekken en faciliteiten.","Voormalig projectleider TU Delft",{"__typename":157,"id":177,"title":178,"body":179},"D1LU-5OIQVCeiX9aIebp6g","Alle beschikbare studieplekken in een oogopslag","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Op de interactieve kaart die wij ontwikkelden voor de TU Delft is in een oogopslag zichtbaar hoe druk het is in welk gebouw op de campus. De nummers en namen op de kaart worden ook gebruikt op de fysieke plattegrond en bewegwijzering op de campus. Dit maakt het voor de studenten direct herkenbaar.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":181,"image":182,"caption":159,"captionPosition":170},"SBXERQi4Q5aFp1wm0DSi9w",{"url":183,"alt":149,"width":184,"height":185},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283002-tu-delft-campus-spacefinder.jpg",4976,2930,{"__typename":157,"id":187,"title":159,"body":188},"ei2yQifZQiejBYHynAC4tQ","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Met de uitgebreide filters in Spacefinder vinden de studenten de studieplek die past bij hun behoeftes. Bijvoorbeeld een rustige studieplek met daglicht en een verstelbare stoel in de buurt van een coffee corner, of een studieplek voor een groep, met een whiteboard en een presentatiescherm.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":190,"image":191,"caption":196,"captionPosition":197},"chWPNqWyQRWPOz0t7fRbRg",{"url":192,"alt":193,"width":194,"height":195},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283837-databronnen-spacefinder.png","databronnen spacefinder: openingstijden, wifipunten en content (CMS)",1800,1586,"Spacefinder is verbonden met 3 databronnen zodat de gepresenteerde informatie altijd up-to-date is.","right",{"__typename":157,"id":199,"title":200,"body":201},"dXv6DZktTQGMLYvt6zr2Qg","Live update van de openingstijden en drukte in de gebouwen","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Spacefinder is gekoppeld aan twee databronnen van de universiteit. Ten eerste de agenda van de gebouwen waarin de openingstijden worden ge&uuml;pdatet. Door deze koppeling is direct zichtbaar of een studieplek geopend is of niet. Ten tweede heeft Spacefinder een koppeling met de wifi hotspots van de gebouwen. Deze koppeling geeft aan de applicatie door hoeveel apparaten er zijn verbonden met de wifi van een specifieke locatie. Hiermee bepalen we de status van drukte-indicator. Deze belangrijke informatie is direct zichtbaar op de kaart en komt ook terug in de filters. Tot slot is de applicatie verbonden met DatoCMS voor het beheren van de content op de kaart. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":203,"image":204,"caption":209,"captionPosition":170},"eJkr6Xf6Q6Ss5vlllBk4sw",{"url":205,"alt":206,"width":207,"height":208},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725284115-drukte-indicator-tablet.png","Tablet met een kaart waarop gebouwen zijn gehighlight en drukte per gebouw wordt aangegeven",1920,1080,"Drukte-indicatoren op de kaart worden per gebouw aangegeven in de vorm van poppetjes met de kleur groen, geel of rood.",{"__typename":172,"id":211,"quote":212,"author":213},"RSXuGL0tQiWFTR0zN0U3sg","We hebben deze applicatie niet alleen vóór de studenten gemaakt, maar ook samen mét de studenten. Spacefinder is hierdoor volledig afgestemd op hun behoeftes.","Suzanne Steijn, projectmanager bij De Voorhoede",{"__typename":157,"id":215,"title":216,"body":217},"JN40xu9FRB-edp89h2FjxA","Toegankelijke web app voor alle studenten","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Voor de TU is het belangrijk om toegankelijk te zijn voor alle studenten. We ontwikkelden deze webapplicatie dan ook op een manier zodat iedereen er gebruik van kan maken. De applicatie is ook te gebruiken zonder de kaart. De filtering en de lijst zijn toegankelijk voor software voor blinden en slechtzienden.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":219,"image":220,"caption":225,"captionPosition":226},"PQ7SXLS7TcCl7wBYjDo3og",{"url":221,"alt":222,"width":223,"height":224},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725284412-gebruikerstest-blur-edited.png","filters van een app en daarnaast een opname van een man",1478,1305,"Studenten van de TU Delft testen de betaversie van Spacefinder op een mobiele telefoon. Met de UX-software Lookback hebben we hier opnames van gemaakt.","left",{"__typename":157,"id":228,"title":229,"body":230},"UmUGYygUTlCJvhQAV-WoPQ","Gebruikerstesten met de studenten","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Belangrijk onderdeel van de oplossing voor de TU Delft is dat de studenten de applicatie ook daadwerkelijk gebruiken. In het voortraject hebben we daarom overlegd met de studentenraad om hun input en wensen voor Spacefinder op te halen. Daarnaast hebben we tijdens de ontwikkeling een gebruikerstest uitgevoerd met verschillende studenten. De resultaten hebben we besproken met de universiteit en vervolgens verwerkt ter optimalisatie van Spacefinder. Op basis van de feedback van de studenten hebben we o.a. de drukte-indicatoren versimpeld en hebben we nieuwe filters toegevoegd.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":232,"image":233,"caption":159,"captionPosition":170},"F9wKzX9ESxaOKZi8VTcfrg",{"url":234,"alt":149,"width":235,"height":236},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725282975-tu-delft-campus-spacefinder-1.jpg",3883,2206,{"__typename":238,"id":239,"storyItem":240},"StorytellingBlockRecord","b43YOFGrSYiUENyxDVQg5Q",{"title":241,"items":242},"Spacefinder fun facts",[243,246,249],{"title":244,"body":245,"image":104},"Open source project","\u003Cp>\u003Cspan style=\"font-weight: 400;\">De \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002Ftudelft-spacefinder\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">techniek waarmee de applicatie is gebouwd\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\"> is publiekelijk beschikbaar. Andere universiteiten kunnen hier dus ook gebruik van maken bij de ontwikkeling van een soortgelijke applicatie voor hun campus.\u003C\u002Fspan>\u003C\u002Fp>",{"title":247,"body":248,"image":104},"App toevoegen aan je startscherm","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Spacefinder hebben wij gebouwd als Progressive Web App (PWA). Je kunt de site dus toevoegen aan het startscherm op je telefoon. De applicatie geeft daarmee hetzelfde gevoel als een native app. \u003C\u002Fspan>\u003C\u002Fp>",{"title":250,"body":251,"image":104},"Beschikbaar in twee talen","\u003Cp>\u003Cspan style=\"font-weight: 400;\">De content (denk aan alle studieplekken, de namen, foto&rsquo;s en aanvullende informatie) wordt beheerd door de TU Delft in het CMS dat wij voor hen hebben gekoppeld. Contentbeheerders kunnen hier de informatie in twee talen uploaden. Spacefinder is beschikbaar in het Engels en Nederlands. Wel zo handig voor alle internationale studenten.&nbsp;\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":162,"id":253,"image":254,"caption":159,"captionPosition":170},"EbQyIYVWQ2Wag0QKZmpqkw",{"url":255,"alt":256,"width":167,"height":257},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283275-spacefinder-pwa-telefoon.png","spacefinder pwa",2667,{"expertisesTitle":259,"expertises":260,"deliverableTitle":267,"deliverables":268,"technologiesTitle":273,"technologies":274,"interestedTitle":287,"interestedLinkUrl":288,"interestedLinkLabel":289},"Expertises",[261,263,265],{"title":262},"Datavisualisatie",{"title":264},"Toegankelijkheid",{"title":266},"PWA","Product",[269,271],{"title":270},"Progressive web app",{"title":272},"Interactieve kaart","Technologies",[275,277,279,281,283,285],{"title":276},"Mapbox",{"title":278},"Nuxt.js",{"title":280},"Netlify",{"title":282},"DatoCMS",{"title":284},"Kafka",{"title":286},"Supabase","Bekijk resultaat","https:\u002F\u002Fspacefinder.tudelft.nl\u002F","Spacefinder",[291],{"title":292,"body":159,"links":293,"mailchimpValue":159,"mailchimpName":159,"mailchimpId":159,"formType":294,"contactPerson":295},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":296,"lastName":297,"jobTitle":298,"image":299},"Flip","van Eijndhoven","Business Director",{"url":300,"alt":104,"width":301,"height":302},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[304,307,310,313,316,319,322,325,328,331,334,337,340,343,346,349,352,355,358,361,364,367,370,373,376,379,380],{"slug":305,"title":306},"quantum-inspire","Quantum Inspire",{"slug":308,"title":309},"life-terra","Life Terra",{"slug":311,"title":312},"geldmaat","Geldmaat",{"slug":314,"title":315},"pathe-thuis","Pathé Thuis",{"slug":317,"title":318},"viriciti","ViriCiti",{"slug":320,"title":321},"drop-and-fly","Drop & Fly",{"slug":323,"title":324},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":326,"title":327},"het-nieuwe-funda","Het nieuwe Funda",{"slug":329,"title":330},"bouwen-is-macht","Bouwen is Macht",{"slug":332,"title":333},"world-water-atlas","World Water Atlas",{"slug":335,"title":336},"pick-up-10","Pick Up 10",{"slug":338,"title":339},"hike-one","Hike One",{"slug":341,"title":342},"dlr-inspectie-app","DLR Inspectie app",{"slug":344,"title":345},"tradus","Tradus",{"slug":347,"title":348},"trouw","Trouw, Volkskrant en Parool",{"slug":350,"title":351},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":353,"title":354},"npo-dashboard","NPO Dashboard",{"slug":356,"title":357},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":359,"title":360},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":362,"title":363},"2dehands-be","2dehands.be",{"slug":365,"title":366},"swipe-and-shop","Swipe & Shop",{"slug":368,"title":369},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":371,"title":372},"giftforyou","GiftForYou",{"slug":374,"title":375},"commtrac","Commtrac",{"slug":377,"title":378},"stamp-postnl-design-system","PostNL",{"slug":135,"title":140},{"slug":381,"title":382},"privacy-by-design-in-je-bol","In je bol",1776256145080]