[{"data":1,"prerenderedAt":297},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-drop-and-fly-i18n-slugs":134,"language-cases-slug-en-drop-and-fly":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","drop-and-fly",{"locale":139,"value":137},"nl",{"page":141,"cases":217},{"title":142,"slug":137,"i18nSlugs":143,"social":146,"heroIllustration":150,"caseTeaser":155,"content":158,"metaData":189,"quote":179,"author":179,"pivots":204},"Drop & Fly",[144,145],{"locale":136,"value":137},{"locale":139,"value":137},{"title":147,"description":148,"image":149},"User interface baggage drop-off | Web App by De Voorhoede","Self-service baggage drop-off with a web UI, connected to boarding pass & passport scanner, conveyor belt, scale and pay terminal.",null,{"url":151,"alt":152,"width":153,"height":154},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1622105838-drop-fly-case-preview.png","Check-in using Drop & Fly",665,470,{"title":156,"image":157},"Self-service baggage \u2028drop-off with a web UI",{"url":151,"alt":152,"width":153,"height":154},[159,164,168,177,181],{"__typename":160,"id":161,"title":162,"body":163},"TextSectionRecord","406190","The challenge: a UI for an embedded system","\u003Cp>Checking in your baggage at the airport should be a smooth start of your holiday. And that's exactly the aim of Sita's \u003Cstrong>Drop & Fly\u003C\u002Fstrong> service. Drop & Fly allows passengers to check in their own baggage. In less than a minute, with state-of-the-art technology. The process starts as soon as a passenger is detected within the unit's proximity. The passenger can directly proceed to scan a boarding pass, scan a passport for identification and, in case of excessive baggage, pay using the terminal.\u003C\u002Fp>\n\u003Cp>The team at Sita does amazing work with sensors, scanners, lasers and other hardware technology. All they still needed was a modern and user friendly interface to go with it. Together with designers from Hike One we were challenged to build that interface.\u003C\u002Fp>",{"__typename":160,"id":165,"title":166,"body":167},"406191","The solution: a full screen web app","\u003Cp>As a front-end developer you often have to compromise. But not on Sita's Drop & Fly unit. The touch screen is always the same size, the server is built-in and only Chrome needs to be supported. This allowed us to use the latest front-end technologies, like animated SVG illustrations, page transitions, flexbox layouts and websockets for real-time client-server communication. What else could a front-end developer desire?\u003C\u002Fp>",{"__typename":169,"id":170,"image":171,"caption":173,"captionPosition":176},"ImageRecord","406198",{"url":172,"alt":173,"width":174,"height":175},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1535369589-screen-shot-2018-08-27-at-13-32-06.png","Drop & Fly unit displaying the fullscreen web app",1437,510,"bottom",{"__typename":160,"id":178,"title":179,"body":180},"406199","","\u003Cp>Drop & Fly units are placed all around the world. The user interface must be adaptable to each specific airport. So we developed a system to customise styling, texts and available languages. Now changing or adding an airport theme, language selection or text is just a matter of simple configuration.\u003C\u002Fp>\n\u003Cp>This way the front-end can be easily adapted to the specific demands of Sita's current and future clients. A solution they can use for years to come!\u003C\u002Fp>",{"__typename":169,"id":182,"image":183,"caption":188,"captionPosition":176},"406193",{"url":184,"alt":185,"width":186,"height":187},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1538569317-drop-fly-launch.jpg","Press moment of the launch of Drop & Fly at Incheon Airport Korea",1198,516,"Going live of Drop & Fly at Incheon Airport Korea",{"expertisesTitle":190,"expertises":191,"deliverableTitle":194,"deliverables":195,"technologiesTitle":198,"technologies":199,"interestedTitle":179,"interestedLinkUrl":179,"interestedLinkLabel":179},"Expertises",[192],{"title":193},"Development","Deliverables",[196],{"title":197},"Web app","Platforms",[200,202],{"title":201},"NodeJS",{"title":203},"Web sockets",[205],{"title":206,"body":179,"links":207,"mailchimpValue":179,"mailchimpName":179,"mailchimpId":179,"formType":208,"contactPerson":209},"Let's discuss what we can do",[],"contact",{"name":210,"lastName":211,"jobTitle":212,"image":213},"Flip","van Eijndhoven","Business Director",{"url":214,"alt":149,"width":215,"height":216},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[218,221,224,227,230,233,234,237,240,243,246,249,252,255,258,261,264,267,270,273,276,279,282,285,288,291,294],{"slug":219,"title":220},"quantum-inspire","Quantum Inspire",{"slug":222,"title":223},"life-terra","Life Terra",{"slug":225,"title":226},"geldmaat","Geldmaat",{"slug":228,"title":229},"pathe-thuis","Pathé Thuis",{"slug":231,"title":232},"viriciti","ViriCiti",{"slug":137,"title":142},{"slug":235,"title":236},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":238,"title":239},"a-brand-new-funda","A brand new Funda",{"slug":241,"title":242},"bouwen-is-macht","Bouwen is Macht",{"slug":244,"title":245},"world-water-atlas","World Water Atlas",{"slug":247,"title":248},"pick-up-10","Pick Up 10",{"slug":250,"title":251},"hike-one","Hike One",{"slug":253,"title":254},"dlr-inspection-app","DLR Inspection app",{"slug":256,"title":257},"tradus","Tradus",{"slug":259,"title":260},"trouw","Trouw, Volkskrant and Parool",{"slug":262,"title":263},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":265,"title":266},"npo-dashboard","NPO Dashboard",{"slug":268,"title":269},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":271,"title":272},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":274,"title":275},"2dehands-be","2dehands.be",{"slug":277,"title":278},"swipe-and-shop","Swipe & Shop",{"slug":280,"title":281},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":283,"title":284},"giftforyou","GiftForYou",{"slug":286,"title":287},"commtrac","Commtrac",{"slug":289,"title":290},"stamp-postnl-design-system","PostNL",{"slug":292,"title":293},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":295,"title":296},"privacy-by-design-in-je-bol","In je bol",1776256152738]