[{"data":1,"prerenderedAt":321},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-hotel-and-bungalowspecials-i18n-slugs":134,"language-cases-slug-en-hotel-and-bungalowspecials":141},{"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","hotel-and-bungalowspecials",{"locale":139,"value":140},"nl","hotel-en-bungalowspecials",{"page":142,"cases":241},{"title":143,"slug":137,"i18nSlugs":144,"social":147,"heroIllustration":151,"caseTeaser":156,"content":161,"metaData":193,"quote":182,"author":182,"pivots":217},"Hotel- and BungalowSpecials",[145,146],{"locale":136,"value":137},{"locale":139,"value":140},{"title":148,"description":149,"image":150},"Hotel- and BungalowSpecials | De Voorhoede","One new front-end for 10 European websites",null,{"url":152,"alt":153,"width":154,"height":155},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1542189368-hotelspecials.svg","Hotelspecials en bungalowspecials",720,310,{"title":149,"image":157},{"url":158,"alt":150,"width":159,"height":160},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539869694-hotelspecials.png",1024,543,[162,167,171,180,184,190],{"__typename":163,"id":164,"title":165,"body":166},"TextSectionRecord","432424","The challenge: one front-end for both labels and all websites","\u003Cp>HotelSpecials and BungalowSpecials offer deals for more than 8000 hotels and 700 holiday parks. With multiple websites they’re active in 10 European countries, like the Netherlands, Germany and Belgium. HotelSpecials and BungalowSpecials asked us to develop a new front-end for these websites.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Are dogs allowed?\u003C\u002Fstrong> Booking a hotel has many similarities with booking a bungalow. You always have to choose a destination, the duration of your stay and the number of fellow travellers. But there are also differences. For example, bungalows are used by bigger groups, you can bring a pet and choose for final cleaning.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Cash or credit card?\u003C\u002Fstrong> There are not only differences between bungalows and hotels, but also between countries. Examples of country-specific differences are taxes, address entry fields and payment methods like iDEAL and credit card.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>It was up to us to find a smart way to deal with these kind of similarities and differences in the front-end.\u003C\u002Fp>",{"__typename":163,"id":168,"title":169,"body":170},"432425","The solution: configurable components and designs","\u003Cp>During the first phase of the redesign, we started working on the booking form. At the old websites there were too many steps to fulfill a booking, with a lot of drop outs as a result. The goal of the redesign was to make it much easier to book a hotel or bungalow, which meant: in fewer steps and on any device.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>The default version of the booking form\u003C\u002Fstrong>: we first developed a basic version of the booking form for both ‘labels’: HotelSpecials and Bungalowspecials. We rolled out the form to a few country websites that shared similar booking specifications. After that we developed the form for specific booking flow needs. During the entire process, \u003Cstrong>we analyzed every aspect of the visitor behaviour\u003C\u002Fstrong>. Due to this iterative process we could process feedback within a few days.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":172,"id":173,"image":174,"caption":178,"captionPosition":179},"ImageRecord","176467239",{"url":175,"alt":176,"width":154,"height":177},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539869961-hotelbungalowspecialsheadersmartphones.jpg","Mobile website of hotelspecials and bungalowspecials",392,"The header of the default booking form on a smartphone","right",{"__typename":163,"id":181,"title":182,"body":183},"432429","","\u003Cul>\n\u003Cli>\u003Cstrong>Components\u003C\u002Fstrong>: a solution to deal with the similarities and differences between both labels, was to divide the booking form in components. For example: a component that gives visitors the ability to choose whether they bring their pet. For both labels it’s possible to turn components on and off. This approach ensures \u003Cstrong>consistency between different websites\u003C\u002Fstrong>. It increases the recognizability and the ease of use as well.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":172,"id":185,"image":186,"caption":189,"captionPosition":179},"176467240",{"url":187,"alt":188,"width":154,"height":177},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539869994-hotelspecialsnlenhotelspecialsbe.jpg","Payment screens for Hotelspecials.nl (on the left) and Hotelspecials.be (on te right)","Hotelspecials.nl (on the left) and Hotelspecials.be (on te right)",{"__typename":163,"id":191,"title":182,"body":192},"432434","\u003Cul>\n\u003Cli>\u003Cstrong>Design and translations\u003C\u002Fstrong>: the front-end had to deal with the design differences between HotelSpecials and BungalowSpecials as well. Therefore we made use of a theme file per label, which consists of references to the logo and color codes. This makes it easy to adjust the design of a label or to add new labels in the future. There is also one file with all content for the user interface of both labels. \u003Cstrong>A content manager can easily customize the translations\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>The new booking form is now live for all labels and countries. Go to \u003Ca href=\"http:\u002F\u002Fwww.hotelspecials.nl\u002F\" target=\"_blank\" rel=\"noopener\">hotelspecials.nl\u003C\u002Fa> or \u003Ca href=\"http:\u002F\u002Fwww.bungalowspecials.nl\u002F\" target=\"_blank\" rel=\"noopener\">bungalowspecials.nl\u003C\u002Fa> and navigate through the booking process to take a look at the form.\u003C\u002Fp>",{"expertisesTitle":194,"expertises":195,"deliverableTitle":200,"deliverables":201,"technologiesTitle":204,"technologies":205,"interestedTitle":214,"interestedLinkUrl":215,"interestedLinkLabel":216},"Expertises",[196,198],{"title":197},"Development",{"title":199},"Web Performance Optimisation","Deliverables",[202],{"title":203},"Website","Technologies",[206,208,210,212],{"title":207},"AMP",{"title":209},"Browserify",{"title":211},"Nightwatch.js",{"title":213},"Pongo","See result","https:\u002F\u002Fwww.hotelspecials.nl","www.hotelspecials.nl",[218,230],{"title":219,"body":182,"links":220,"mailchimpValue":182,"mailchimpName":182,"mailchimpId":182,"formType":221,"contactPerson":222},"Let's discuss what we can do",[],"contact",{"name":223,"lastName":224,"jobTitle":225,"image":226},"Nena","de Clercq","Operations Director",{"url":227,"alt":150,"width":228,"height":229},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":231,"body":182,"links":232,"mailchimpValue":182,"mailchimpName":182,"mailchimpId":182,"formType":233,"contactPerson":234},"Subscribe to our newsletter",[],"newsletter",{"name":235,"lastName":182,"jobTitle":236,"image":237},"Vera","Marketer",{"url":238,"alt":150,"width":239,"height":240},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[242,245,248,251,254,257,260,263,266,269,272,275,278,281,284,287,290,293,294,297,300,303,306,309,312,315,318],{"slug":243,"title":244},"quantum-inspire","Quantum Inspire",{"slug":246,"title":247},"life-terra","Life Terra",{"slug":249,"title":250},"geldmaat","Geldmaat",{"slug":252,"title":253},"pathe-thuis","Pathé Thuis",{"slug":255,"title":256},"viriciti","ViriCiti",{"slug":258,"title":259},"drop-and-fly","Drop & Fly",{"slug":261,"title":262},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":264,"title":265},"a-brand-new-funda","A brand new Funda",{"slug":267,"title":268},"bouwen-is-macht","Bouwen is Macht",{"slug":270,"title":271},"world-water-atlas","World Water Atlas",{"slug":273,"title":274},"pick-up-10","Pick Up 10",{"slug":276,"title":277},"hike-one","Hike One",{"slug":279,"title":280},"dlr-inspection-app","DLR Inspection app",{"slug":282,"title":283},"tradus","Tradus",{"slug":285,"title":286},"trouw","Trouw, Volkskrant and Parool",{"slug":288,"title":289},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":291,"title":292},"npo-dashboard","NPO Dashboard",{"slug":137,"title":143},{"slug":295,"title":296},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":298,"title":299},"2dehands-be","2dehands.be",{"slug":301,"title":302},"swipe-and-shop","Swipe & Shop",{"slug":304,"title":305},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":307,"title":308},"giftforyou","GiftForYou",{"slug":310,"title":311},"commtrac","Commtrac",{"slug":313,"title":314},"stamp-postnl-design-system","PostNL",{"slug":316,"title":317},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":319,"title":320},"privacy-by-design-in-je-bol","In je bol",1776256175010]