[{"data":1,"prerenderedAt":387},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-tu-delft-spacefinder-i18n-slugs":134,"language-cases-slug-en-tu-delft-spacefinder":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","tu-delft-spacefinder",{"locale":139,"value":137},"nl",{"page":141,"cases":307},{"title":142,"slug":137,"i18nSlugs":143,"social":146,"heroIllustration":150,"caseTeaser":155,"content":158,"metaData":262,"quote":162,"author":162,"pivots":294},"TU Delft Spacefinder",[144,145],{"locale":136,"value":137},{"locale":139,"value":137},{"title":147,"description":148,"image":149},"Spacefinder: Interactive map for  TU Delft","For TU Delft we developed an interactive map for students to easily find available study spaces with real-time crowding updates and filters. ",null,{"url":151,"alt":152,"width":153,"height":154},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725282950-tu-delft-campus-spacefinder.jpg","TU Delft campus",4192,3148,{"title":156,"image":157},"Interactive map for the students of the TU Delft",{"url":151,"alt":149,"width":153,"height":154},[159,164,174,179,183,189,192,201,205,213,217,221,230,234,241,256],{"__typename":160,"id":161,"title":162,"body":163},"TextSectionRecord","E9nTwyx2RLKeqsVOR9fCxQ","","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Students at Delft University of Technology are experiencing a shortage of study spaces on campus, especially during exam periods. Although building managers are confident that there are enough spaces available, students often stick to familiar locations, such as their own building or the central library. This creates the impression that there are no available spaces, despite there being sufficient spaces elsewhere. Therefore, the university aims to make the existing spaces and their associated facilities more visible to students. With this problem in mind, we developed the Spacefinder for and together with the students of TU Delft.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":166,"image":167,"caption":172,"captionPosition":173},"ImageRecord","YnXg8EwSQka5jEElaiI7BQ",{"url":168,"alt":169,"width":170,"height":171},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283969-spacefinder-laptop.png","woman sitting behind a laptop with a map on the screen",4000,2252,"Map with crowding indicator for each building on the TU Delft campus ","bottom",{"__typename":175,"id":176,"quote":177,"author":178},"QuoteRecord","BgNwIUu_SKi5ONt3-FO-uA","Thanks to Spacefinder, we don't need to create new study spaces, as students can more easily locate existing ones. This leads to greater student satisfaction and saves us the cost of creating additional study areas and facilities.","Former project lead TU Delft",{"__typename":160,"id":180,"title":181,"body":182},"fBZWpvMLRl2i6XVelRFTzQ","Instant view of all available study spaces","\u003Cp>\u003Cspan style=\"font-weight: 400;\">On the interactive map we developed for TU Delft, you can instantly see how crowded each building on campus is. The numbers and names on the map are also used on the physical campus map and signage, making it immediately recognisable to students.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":184,"image":185,"caption":162,"captionPosition":173},"dNa-0qE0QqmmqaQEC6SUqA",{"url":186,"alt":152,"width":187,"height":188},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283002-tu-delft-campus-spacefinder.jpg",4976,2930,{"__typename":160,"id":190,"title":162,"body":191},"B6SV4A6SSdWWtFh4b-ggYw","\u003Cp>\u003Cspan style=\"font-weight: 400;\">With the comprehensive filters in Spacefinder, students can find a study spot that suits their needs. For example, a quiet study space with natural light and an adjustable chair near a coffee corner, or a group study area with a whiteboard and a presentation screen.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":193,"image":194,"caption":199,"captionPosition":200},"JHDgTzmKR36E92-NP7_oLg",{"url":195,"alt":196,"width":197,"height":198},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283837-databronnen-spacefinder.png","diagram with connected datassources to spacefinder: opening hours, wifi points, content (CMS)",1800,1586,"Spacefinder is connected to 3 data sources so that the information presented is always up to date.","right",{"__typename":160,"id":202,"title":203,"body":204},"cTeZHdZVTImHM1bGNrgvFQ","Live updates on opening hours and crowding","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Spacefinder is linked to two of the university’s data sources. The first is the building schedule, which updates the opening hours. This connection makes it immediately clear whether a study space is open or not. The second is a connection to the building’s Wi-Fi hotspots. This link informs the application of how many devices are connected to the Wi-Fi at a specific location. This data is used to determine the crowding status. This crucial information is displayed directly on the map and is also integrated into the filters.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":206,"image":207,"caption":212,"captionPosition":173},"HrBqDmzyQtSmD-oHWa1xvA",{"url":208,"alt":209,"width":210,"height":211},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725284115-drukte-indicator-tablet.png","tablet with a map with highlighted purple buildings and crowding indicators in the color green, yellow and red.",1920,1080,"Crowding indicators on the map are shown for each building using icons shaped like people, coloured green, yellow, or red.",{"__typename":175,"id":214,"quote":215,"author":216},"bLNROUo0R-2m-AYEybZuBQ","We didn’t just create this application for the students, but also with the students. As a result, Spacefinder is fully tailored to their needs.","Suzanne Steijn, Project Manager at De Voorhoede",{"__typename":160,"id":218,"title":219,"body":220},"bC5dWLjoRl2K4dUOppDRwQ","Accessible Web App for all students","\u003Cp>\u003Cspan style=\"font-weight: 400;\">For TU Delft, it is important to be accessible to all students. We developed this web application in such a way that everyone can use it. The application can also be used without the map; the filtering and list features are accessible to software for the blind and visually impaired.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":222,"image":223,"caption":228,"captionPosition":229},"fqkMZV9sStSyD3516Aochw",{"url":224,"alt":225,"width":226,"height":227},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725284412-gebruikerstest-blur-edited.png","screenshot of a usertest: on the right the spacefinder menu with filters and on the left a blurred face of a student.",1478,1305,"Students of the TU Delft are testing the beta version of Spacefinder on their phone. With the UX-software Lookback we recorded these sessions. ","left",{"__typename":160,"id":231,"title":232,"body":233},"LZlIEI38SO-qgrDS3E_D0g","User testing with students","\u003Cp>\u003Cspan style=\"font-weight: 400;\">An important aspect of the solution for TU Delft is ensuring that students actually use the application. In the preliminary stages, we consulted with the student council to gather their input and preferences for Spacefinder. Additionally, during development, we conducted a user test with various students. The results were discussed with the university and then implemented to optimize Spacefinder. Based on student feedback, we simplified the occupancy indicators and added new filters.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":235,"image":236,"caption":162,"captionPosition":173},"CsOB7ZO-SPGE8qHqWysPkg",{"url":237,"alt":238,"width":239,"height":240},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725282975-tu-delft-campus-spacefinder-1.jpg","TU campus",3883,2206,{"__typename":242,"id":243,"storyItem":244},"StorytellingBlockRecord","UbHiVH22SSi-kdg_MksiQA",{"title":245,"items":246},"Spacefinder fun facts",[247,250,253],{"title":248,"body":249,"image":149},"Open source project","\u003Cp>\u003Cspan style=\"font-weight: 400;\">The\u003C\u002Fspan> \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002Ftudelft-spacefinder\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">technology used to build the application\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\"> is open to the public. Other universities can use it to develop a similar application for their campus.\u003C\u002Fspan>\u003C\u002Fp>",{"title":251,"body":252,"image":149},"Add the app to your home screen","\u003Cp>\u003Cspan style=\"font-weight: 400;\">We built Spacefinder as a Progressive Web App (PWA). You can add the site to your phone’s home screen, giving it the feel of a native app.\u003C\u002Fspan>\u003C\u002Fp>",{"title":254,"body":255,"image":149},"Available in two languages","\u003Cp>\u003Cspan style=\"font-weight: 400;\">The content (such as study spaces, names, photos, and additional information) is managed by TU Delft in the CMS we linked to Spacefinder. Content managers can upload information in two languages. Spacefinder is available in English and Dutch, which is especially useful for all international students.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":257,"image":258,"caption":162,"captionPosition":173},"FggypbPrSqyy4_IKyv2Xyw",{"url":259,"alt":260,"width":170,"height":261},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1725283275-spacefinder-pwa-telefoon.png","a phone on a laptop with on the screen a notification add to homescreen",2667,{"expertisesTitle":263,"expertises":264,"deliverableTitle":271,"deliverables":272,"technologiesTitle":277,"technologies":278,"interestedTitle":291,"interestedLinkUrl":292,"interestedLinkLabel":293},"Expertises",[265,267,269],{"title":266},"Data visualisation",{"title":268},"Accessibility",{"title":270},"PWA","Product",[273,275],{"title":274},"Progressive web app",{"title":276},"Interactive map","Technologies",[279,281,283,285,287,289],{"title":280},"Mapbox",{"title":282},"Nuxt.js",{"title":284},"Netlify",{"title":286},"DatoCMS",{"title":288},"Kafka",{"title":290},"Supabase","See result","https:\u002F\u002Fspacefinder.tudelft.nl\u002F","Spacefinder",[295],{"title":296,"body":162,"links":297,"mailchimpValue":162,"mailchimpName":162,"mailchimpId":162,"formType":298,"contactPerson":299},"Let's discuss what we can do",[],"contact",{"name":300,"lastName":301,"jobTitle":302,"image":303},"Flip","van Eijndhoven","Business Director",{"url":304,"alt":149,"width":305,"height":306},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[308,311,314,317,320,323,326,329,332,335,338,341,344,347,350,353,356,359,362,365,368,371,374,377,380,383,384],{"slug":309,"title":310},"quantum-inspire","Quantum Inspire",{"slug":312,"title":313},"life-terra","Life Terra",{"slug":315,"title":316},"geldmaat","Geldmaat",{"slug":318,"title":319},"pathe-thuis","Pathé Thuis",{"slug":321,"title":322},"viriciti","ViriCiti",{"slug":324,"title":325},"drop-and-fly","Drop & Fly",{"slug":327,"title":328},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":330,"title":331},"a-brand-new-funda","A brand new Funda",{"slug":333,"title":334},"bouwen-is-macht","Bouwen is Macht",{"slug":336,"title":337},"world-water-atlas","World Water Atlas",{"slug":339,"title":340},"pick-up-10","Pick Up 10",{"slug":342,"title":343},"hike-one","Hike One",{"slug":345,"title":346},"dlr-inspection-app","DLR Inspection app",{"slug":348,"title":349},"tradus","Tradus",{"slug":351,"title":352},"trouw","Trouw, Volkskrant and Parool",{"slug":354,"title":355},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":357,"title":358},"npo-dashboard","NPO Dashboard",{"slug":360,"title":361},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":363,"title":364},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":366,"title":367},"2dehands-be","2dehands.be",{"slug":369,"title":370},"swipe-and-shop","Swipe & Shop",{"slug":372,"title":373},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":375,"title":376},"giftforyou","GiftForYou",{"slug":378,"title":379},"commtrac","Commtrac",{"slug":381,"title":382},"stamp-postnl-design-system","PostNL",{"slug":137,"title":142},{"slug":385,"title":386},"privacy-by-design-in-je-bol","In je bol",1776256136843]