[{"data":1,"prerenderedAt":310},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-abn-amro-loan-wizard-i18n-slugs":134,"language-cases-slug-en-abn-amro-loan-wizard":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","abn-amro-loan-wizard",{"locale":139,"value":140},"nl","abn-amro-lening-kieswijzer",{"page":142,"cases":230},{"title":143,"slug":137,"i18nSlugs":144,"social":147,"heroIllustration":151,"caseTeaser":156,"content":162,"metaData":186,"quote":184,"author":184,"pivots":206},"ABN-AMRO loan wizard",[145,146],{"locale":136,"value":137},{"locale":139,"value":140},{"title":148,"description":149,"image":150},"ABN-AMRO loan wizard | De Voorhoede","Our solution that makes it easy to choose the right loan",null,{"url":152,"alt":153,"width":154,"height":155},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1542189079-abn-amro.svg","abn amro",720,310,{"title":157,"image":158},"Calculate your ideal loan in a few clicks",{"url":159,"alt":150,"width":160,"height":161},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539866331-abn-amro-loan-wizard-teaser.png",1024,768,[163,168,172,182],{"__typename":164,"id":165,"title":166,"body":167},"TextSectionRecord","432279","The challenge: build a tool to let customers find the right loan","\u003Cp>ABN-AMRO offers several types of loans. However, choosing the right one can be difficult for their customers. Together with ABN-AMRO we developed a wizard that guides the customer via a question sheet to the right loan.\u003C\u002Fp>\n\u003Cp>Naturally, this wizard should be pleasant to use on both mobile and desktop. Foremost features are:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>Easy input\u003C\u002Fstrong>. There is quite some input to be done before the user gets a result. It is therefore paramount that this input is easy and errors are communicated cleary.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Clear presentation of options\u003C\u002Fstrong>. Users should be able to fine-tune the result, changing for instance the monthly amount due, whilst being able to see the impact that would have on the total amount due and duration of the loan.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Motivation of recommendation\u003C\u002Fstrong>. It might not be obvious why a certain financial product is the best fit. By showing which aspects of said product correspond with user input we try to communicate this as clear as possible.\u003C\u002Fli>\n\u003C\u002Fol>",{"__typename":164,"id":169,"title":170,"body":171},"432280","The Solution: a super snappy and widely used web app","\u003Cp>The numbers don't lie: switching to the new wizard doubled their conversion. But that's not all, in May 2016 it won the \u003Ca hreflang=\"nl\" href=\"http:\u002F\u002Fwww.wuaglobal.com\u002Fnl\u002Fsparks\u002Fabn-amro-wint-customer-experience-onderzoek-naar-online-orientatie-lening\u002F\" target=\"_blank\" rel=\"noopener\">WUA! Web Performance Scan Loans\u003C\u002Fa>, an inquiry into customer satisfaction when orienting on a new loan.\u003C\u002Fp>",{"__typename":173,"id":174,"image":175,"caption":180,"captionPosition":181},"ImageRecord","432281",{"url":176,"alt":177,"width":178,"height":179},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1539864507-1511450779-abn-amro-lenen-tool-devices.jpg","Screens of the The ABN-AMRO loan wizard",3868,1540,"The ABN-AMRO loan wizard","bottom",{"__typename":164,"id":183,"title":184,"body":185},"432282","","\u003Cp>How did we get to these results? By focusing on the right aspect: \u003Cstrong>ease of use\u003C\u002Fstrong>. The wizard is therefore packed with clever features:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>The form retains user input, even when a user (accidentally) navigates away from the page.\u003C\u002Fli>\n\u003Cli>Users get immediate feedback per input field, making sure they do not have to complete the whole form before finding out they are not eligible.\u003C\u002Fli>\n\u003Cli>The monthly amount due can be changed with slider, immediately communicating the influece on duration and total amount due.\u003C\u002Fli>\n\u003Cli>A user is free to choose an option other than the one preferred by the wizard. All selectable options are presented so they are comparable.\u003C\u002Fli>\n\u003C\u002Ful>",{"expertisesTitle":187,"expertises":188,"deliverableTitle":191,"deliverables":192,"technologiesTitle":195,"technologies":196,"interestedTitle":203,"interestedLinkUrl":204,"interestedLinkLabel":205},"Expertises",[189],{"title":190},"Development","Deliverables",[193],{"title":194},"Web app","Technologies",[197,199,201],{"title":198},"Gulp",{"title":200},"Jasmine",{"title":202},"RiotJS","See result","https:\u002F\u002Fextra.abnamro.nl\u002Flenen-new\u002Findex-lenen.html","Visit tool",[207,219],{"title":208,"body":184,"links":209,"mailchimpValue":184,"mailchimpName":184,"mailchimpId":184,"formType":210,"contactPerson":211},"Let's discuss what we can do",[],"contact",{"name":212,"lastName":213,"jobTitle":214,"image":215},"Nena","de Clercq","Operations Director",{"url":216,"alt":150,"width":217,"height":218},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":220,"body":184,"links":221,"mailchimpValue":184,"mailchimpName":184,"mailchimpId":184,"formType":222,"contactPerson":223},"Subscribe to our newsletter",[],"newsletter",{"name":224,"lastName":184,"jobTitle":225,"image":226},"Vera","Marketer",{"url":227,"alt":150,"width":228,"height":229},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[231,234,237,240,243,246,249,252,255,258,261,264,267,270,273,276,277,280,283,286,289,292,295,298,301,304,307],{"slug":232,"title":233},"quantum-inspire","Quantum Inspire",{"slug":235,"title":236},"life-terra","Life Terra",{"slug":238,"title":239},"geldmaat","Geldmaat",{"slug":241,"title":242},"pathe-thuis","Pathé Thuis",{"slug":244,"title":245},"viriciti","ViriCiti",{"slug":247,"title":248},"drop-and-fly","Drop & Fly",{"slug":250,"title":251},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":253,"title":254},"a-brand-new-funda","A brand new Funda",{"slug":256,"title":257},"bouwen-is-macht","Bouwen is Macht",{"slug":259,"title":260},"world-water-atlas","World Water Atlas",{"slug":262,"title":263},"pick-up-10","Pick Up 10",{"slug":265,"title":266},"hike-one","Hike One",{"slug":268,"title":269},"dlr-inspection-app","DLR Inspection app",{"slug":271,"title":272},"tradus","Tradus",{"slug":274,"title":275},"trouw","Trouw, Volkskrant and Parool",{"slug":137,"title":143},{"slug":278,"title":279},"npo-dashboard","NPO Dashboard",{"slug":281,"title":282},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":284,"title":285},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":287,"title":288},"2dehands-be","2dehands.be",{"slug":290,"title":291},"swipe-and-shop","Swipe & Shop",{"slug":293,"title":294},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":296,"title":297},"giftforyou","GiftForYou",{"slug":299,"title":300},"commtrac","Commtrac",{"slug":302,"title":303},"stamp-postnl-design-system","PostNL",{"slug":305,"title":306},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":308,"title":309},"privacy-by-design-in-je-bol","In je bol",1776256165441]