{"id":703,"date":"2024-10-13T15:58:30","date_gmt":"2024-10-13T15:58:30","guid":{"rendered":"https:\/\/i556066.hera.fontysict.net\/?page_id=703"},"modified":"2024-11-01T10:41:36","modified_gmt":"2024-11-01T10:41:36","slug":"lo4-consumentengedrag-en-beinvloeding","status":"publish","type":"page","link":"https:\/\/i556066.hera.fontysict.net\/index.php\/lo4-consumentengedrag-en-beinvloeding\/","title":{"rendered":"LO4: Consumentengedrag en -be\u00efnvloeding"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading703_e4a6b1-d6, .wp-block-kadence-advancedheading.kt-adv-heading703_e4a6b1-d6[data-kb-block=\"kb-adv-heading703_e4a6b1-d6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading703_e4a6b1-d6 mark, .wp-block-kadence-advancedheading.kt-adv-heading703_e4a6b1-d6[data-kb-block=\"kb-adv-heading703_e4a6b1-d6\"] mark{font-style:normal;color:#f76a0c;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<h4 class=\"kt-adv-heading703_e4a6b1-d6 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading703_e4a6b1-d6\"><strong>Kleurkeuze huisstijl<\/strong><\/h4><div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:40% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"632\" src=\"https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Kleurenkeuze-brandguide.png\" alt=\"\" class=\"wp-image-826 size-full\" srcset=\"https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Kleurenkeuze-brandguide.png 987w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Kleurenkeuze-brandguide-300x192.png 300w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Kleurenkeuze-brandguide-768x492.png 768w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Kleurenkeuze-brandguide-600x384.png 600w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><\/figure><div class=\"wp-block-media-text__content\"><p>Bij het kiezen van de kleuren voor de huisstijl van Twist hebben we gekeken naar de betekenis en balans van kleuren om de gewenste uitstraling te cre\u00ebren. Twist staat voor praktisch, duurzaamheid en gemak. De gekozen kleuren groen, oranje en zwart passen hier goed bij:<\/p>\n\n<ul class=\"wp-block-list\"><li><strong>Groen<\/strong> (primaire kleur) symboliseert duurzaamheid en harmonie. Het benadrukt de milieuvriendelijke en betrouwbare kern van Twist.<\/li>\n\n<li><strong>Oranje<\/strong> (secundaire kleur) biedt een opvallend contrast met groen, als tegenpool die energie en creativiteit toevoegt. Deze kleur maakt Twist aantrekkelijk en herkenbaar.<\/li>\n\n<li><strong>Zwart<\/strong> (accent kleur) straalt kracht en professionaliteit uit, waardoor het product een hoogwaardige uitstraling krijgt.<\/li><\/ul><\/div><\/div><style>.wp-block-kadence-advancedheading.kt-adv-heading703_25706b-81, .wp-block-kadence-advancedheading.kt-adv-heading703_25706b-81[data-kb-block=\"kb-adv-heading703_25706b-81\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading703_25706b-81 mark, .wp-block-kadence-advancedheading.kt-adv-heading703_25706b-81[data-kb-block=\"kb-adv-heading703_25706b-81\"] mark{font-style:normal;color:#f76a0c;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<h4 class=\"kt-adv-heading703_25706b-81 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading703_25706b-81\"><strong>A\/B &#8211; test<\/strong><\/h4><p class=\"has--font-size\">Op de website van Twist hadden we in eerste instantie een banner van de Twist beker op een boot. Hier kregen we feedback over tijdens een weekpresentatie waarbij de meningen verschilden of de banner goed of niet goed was. Om deze reden hebben we een A\/B-test gehouden bij familie en vrienden. Dit helpt bij het optimaliseren van onze website en beslissingen. We hebben hierbij de volgende twee banners voorgelegd:<\/p><style>.kadence-column703_c83004-0e > .kt-inside-inner-col{display:flex;}.kadence-column703_c83004-0e > .kt-inside-inner-col,.kadence-column703_c83004-0e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column703_c83004-0e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column703_c83004-0e > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;align-items:center;}.kadence-column703_c83004-0e > .kt-inside-inner-col > *, .kadence-column703_c83004-0e > .kt-inside-inner-col > figure.wp-block-image, .kadence-column703_c83004-0e > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column703_c83004-0e > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}.kadence-column703_c83004-0e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column703_c83004-0e{position:relative;}@media all and (max-width: 1024px){.kadence-column703_c83004-0e > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;}}@media all and (min-width: 768px) and (max-width: 1024px){.kadence-column703_c83004-0e > .kt-inside-inner-col > *, .kadence-column703_c83004-0e > .kt-inside-inner-col > figure.wp-block-image, .kadence-column703_c83004-0e > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column703_c83004-0e > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}}@media all and (max-width: 767px){.kadence-column703_c83004-0e > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;}.kadence-column703_c83004-0e > .kt-inside-inner-col > *, .kadence-column703_c83004-0e > .kt-inside-inner-col > figure.wp-block-image, .kadence-column703_c83004-0e > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column703_c83004-0e > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column703_c83004-0e kb-section-dir-horizontal\"><div class=\"kt-inside-inner-col\"><style>.kb-image703_721455-a2.kb-image-is-ratio-size, .kb-image703_721455-a2 .kb-image-is-ratio-size{max-width:590px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image703_721455-a2.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image703_721455-a2 .kb-image-is-ratio-size{align-self:unset;}.kb-image703_721455-a2{max-width:590px;}.image-is-svg.kb-image703_721455-a2{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image703_721455-a2 img{width:100%;}.kb-image703_721455-a2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image703_721455-a2 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1-1024x463.png\" alt=\"\" class=\"kb-img wp-image-830\" srcset=\"https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1-1024x463.png 1024w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1-300x136.png 300w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1-768x347.png 768w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1-1536x695.png 1536w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1-600x271.png 600w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/afbeelding-1.png 1837w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Banner optie 1<\/figcaption><\/figure>\n\n<style>.kb-image703_3388b6-3b.kb-image-is-ratio-size, .kb-image703_3388b6-3b .kb-image-is-ratio-size{max-width:542px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image703_3388b6-3b.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image703_3388b6-3b .kb-image-is-ratio-size{align-self:unset;}.kb-image703_3388b6-3b{max-width:542px;}.image-is-svg.kb-image703_3388b6-3b{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image703_3388b6-3b img{width:100%;}.kb-image703_3388b6-3b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image703_3388b6-3b size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2-1024x456.png\" alt=\"\" class=\"kb-img wp-image-829\" srcset=\"https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2-1024x456.png 1024w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2-300x133.png 300w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2-768x342.png 768w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2-1536x683.png 1536w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2-600x267.png 600w, https:\/\/i556066.hera.fontysict.net\/wp-content\/uploads\/2024\/10\/Banner-twist-2.png 1872w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Banner optie 2<\/figcaption><\/figure><\/div><\/div><p>Uit deze gebruikerstest kwam de volgende score naar voren:<\/p><style>.kb-progress-bar-container703_9b72b9-22 svg{border-radius:10px;}.kb-progress-bar-container703_9b72b9-22 .kb-progress-label-wrap{justify-content:space-between;}<\/style><div class=\"kb-progress-bar-container kb-progress-bar-container703_9b72b9-22 kb-progress-bar-type-line \"><div class=\"kb-progress-label-wrap\"><span id=\"kt-progress-label703_9b72b9-22\" role=\"textbox\" class=\"kt-progress-label\" contenteditable=\"false\" aria-label=\"Progressbar Label\">Banner optie 1<\/span><\/div><div id=\"kb-progress-bar703_9b72b9-22\" class=\"kb-progress-bar\" aria-labelledby=\"kt-progress-label703_9b72b9-22\"><\/div><\/div><script>\n\t\t\tfunction reportWindowSize() {\n\t\t\t  let barContainer = document.querySelector(\"#kb-progress-bar703_9b72b9-22\");\n\t\t\t  let type = \"line\";\n\t\t\t  let barSvg = barContainer.querySelector(\"svg\");\n\t\t\t  if ( ! barSvg ) {\n\t\t\t  \treturn;\n\t\t\t  }\n\t\t\t  let barPaths = barSvg.querySelectorAll(\"path\");\n\t\t\t  let path1 = barPaths[0];\n\t\t\t  let path2 = barPaths[1];\n\t\t\t  let stokeWidths = [2,2,2];\n\t\t\t  if( window.innerWidth < 768 ) {\n\t\t\t    if( type === \"line\" ){\n\t\t\t        barSvg.setAttribute( \"viewBox\", \"0 0 100 \" + stokeWidths[2]);\n\t                path1.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[2] \/ 2) + \" L 100,\" + ( stokeWidths[2] \/ 2));\n\t                path2.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[2] \/ 2) + \" L 100,\" + ( stokeWidths[2] \/ 2));\n\t\t\t\t}\n\t\t\t    path1.setAttribute( \"stroke-width\", stokeWidths[2]);\n                path2.setAttribute( \"stroke-width\", stokeWidths[2]);\n\t\t\t  } else if( window.innerWidth < 1025 ) {\n                if( type === \"line\" ){\n\t\t\t        barSvg.setAttribute( \"viewBox\", \"0 0 100 \" + stokeWidths[1]);\n\t                path1.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[1] \/ 2) + \" L 100,\" + ( stokeWidths[1] \/ 2));\n\t                path2.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[1] \/ 2) + \" L 100,\" + ( stokeWidths[1] \/ 2));\n\t\t\t    }\n                path1.setAttribute( \"stroke-width\", stokeWidths[1]);\n                path2.setAttribute( \"stroke-width\", stokeWidths[1]);\n\t\t\t  } else {\n\t\t\t    if( type === \"line\" ){\n\t\t\t        barSvg.setAttribute( \"viewBox\", \"0 0 100 \" + stokeWidths[0]);\n\t                path1.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[0] \/ 2) + \" L 100,\" + ( stokeWidths[0] \/ 2));\n                    path2.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[0] \/ 2) + \" L 100,\" + ( stokeWidths[0] \/ 2));\n\t\t\t    }\n                path1.setAttribute( \"stroke-width\", stokeWidths[0]);\n                path2.setAttribute( \"stroke-width\", stokeWidths[0]);\n\t\t\t  }\n\t\t\t}\n\t\t\twindow.onresize = reportWindowSize;\n\t\t\tvar waitForProgressBar703_9b72b922 = setInterval(function () {\n\t\t\t\tif (typeof ProgressBar !== \"undefined\" ) {\n\t\t\t\t\tclearInterval(waitForProgressBar703_9b72b922);\n\t\t\t\t\tlet responsiveStrokeSizes = [2,2,2];\n\t\t\t\t\tlet initialStroke;\n\t\t\t\t    if( window.innerWidth < 768 ) {\n\t\t\t\t        initialStroke = responsiveStrokeSizes[2];\n\t\t\t        } else if( window.innerWidth < 1025 ) {\n                        initialStroke = responsiveStrokeSizes[1];\n\t\t\t\t    } else {\n                        initialStroke = responsiveStrokeSizes[0];\n                    }\n\t\t\t\t\tlet progressBar703_9b72b922 = new ProgressBar.Line(\"#kb-progress-bar703_9b72b9-22\", {\n\t\t\t\t\t\tcolor: \"#c2afa0\",\n\t\t\t\t\t\ttrailColor: \"var(--global-palette7, #EDF2F7)\",\n\t\t\t\t\t\tduration: \"2000\",\n\t\t\t\t\t\teasing: \"easeInOut\",\n\t\t\t\t\t\tstrokeWidth: initialStroke,\n\t\t\t\t\t});\n\t\t\t\tlet progressBarController703_9b72b922 = new ScrollMagic.Controller();\n\t\t\t\tlet desiredAnimation = new ScrollMagic.Scene({triggerElement: \"#kb-progress-bar703_9b72b9-22\"});\n\t\t\t\tdesiredAnimation.triggerHook(0.88);\n\t\t\t\tdesiredAnimation.addTo( progressBarController703_9b72b922 );\n\t\t\t\tdesiredAnimation.on(\"start\", function (e) {progressBar703_9b72b922.animate(\n\t\t\t\t\t\t\t0.2 ,\n\t\t\t\t            {\n\t\t\t\t\t\t\t\t duration: 2000,\n\t                             step: function(state, bar) {\n\t                                let value = 0;\n                                    let elementContainer = document.getElementById(\"kb-progress-bar703_9b72b9-22\");\n\t                                let elementAbove = document.getElementById(\"current-progress-above703_9b72b9-22\");\n\t                                let elementInside = document.getElementById(\"current-progress-inside703_9b72b9-22\");\n\t                                let elementBelow = document.getElementById(\"current-progress-below703_9b72b9-22\");\n\t                                if( false ) {\n\t                                    value = Math.round(bar.value() * 100 );\n\t                                } else {\n\t                                    value = Math.round(bar.value() * 100);\n\t                                }\n\t\t\t\t\t\t\t\t\tvalue = bar.value() * 100;\n\t\t\t\t\t\t\t\t\tvalue = Math.round( value );\n\n\t\t\t\t\t\t\t\t\tif( elementAbove ){\n\t\t\t\t\t\t\t\t\t\telementAbove.innerHTML = \"\" + value + \"%\";\n\t\t\t\t\t\t\t\t\t} else if ( elementInside ){\n\t\t\t\t\t\t\t\t\t\telementInside.innerHTML = \"\" + value + \"%\";\n\t\t\t\t\t\t\t\t\t} else if ( elementBelow ){\n\t\t\t\t\t\t\t\t\t\telementBelow.innerHTML = \"\" + value + \"%\";\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t }\n\t\t\t\t            } ,\n\t\t\t\t            function(){}\n\t\t\t\t        );});} }, 125); <\/script><style>.kb-progress-bar-container703_6a3a51-fe svg{border-radius:10px;}.kb-progress-bar-container703_6a3a51-fe .kb-progress-label-wrap{justify-content:space-between;}<\/style><div class=\"kb-progress-bar-container kb-progress-bar-container703_6a3a51-fe kb-progress-bar-type-line \"><div class=\"kb-progress-label-wrap\"><span id=\"kt-progress-label703_6a3a51-fe\" role=\"textbox\" class=\"kt-progress-label\" contenteditable=\"false\" aria-label=\"Progressbar Label\">Banner optie 2<\/span><\/div><div id=\"kb-progress-bar703_6a3a51-fe\" class=\"kb-progress-bar\" aria-labelledby=\"kt-progress-label703_6a3a51-fe\"><\/div><\/div><script>\n\t\t\tfunction reportWindowSize() {\n\t\t\t  let barContainer = document.querySelector(\"#kb-progress-bar703_6a3a51-fe\");\n\t\t\t  let type = \"line\";\n\t\t\t  let barSvg = barContainer.querySelector(\"svg\");\n\t\t\t  if ( ! barSvg ) {\n\t\t\t  \treturn;\n\t\t\t  }\n\t\t\t  let barPaths = barSvg.querySelectorAll(\"path\");\n\t\t\t  let path1 = barPaths[0];\n\t\t\t  let path2 = barPaths[1];\n\t\t\t  let stokeWidths = [2,2,2];\n\t\t\t  if( window.innerWidth < 768 ) {\n\t\t\t    if( type === \"line\" ){\n\t\t\t        barSvg.setAttribute( \"viewBox\", \"0 0 100 \" + stokeWidths[2]);\n\t                path1.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[2] \/ 2) + \" L 100,\" + ( stokeWidths[2] \/ 2));\n\t                path2.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[2] \/ 2) + \" L 100,\" + ( stokeWidths[2] \/ 2));\n\t\t\t\t}\n\t\t\t    path1.setAttribute( \"stroke-width\", stokeWidths[2]);\n                path2.setAttribute( \"stroke-width\", stokeWidths[2]);\n\t\t\t  } else if( window.innerWidth < 1025 ) {\n                if( type === \"line\" ){\n\t\t\t        barSvg.setAttribute( \"viewBox\", \"0 0 100 \" + stokeWidths[1]);\n\t                path1.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[1] \/ 2) + \" L 100,\" + ( stokeWidths[1] \/ 2));\n\t                path2.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[1] \/ 2) + \" L 100,\" + ( stokeWidths[1] \/ 2));\n\t\t\t    }\n                path1.setAttribute( \"stroke-width\", stokeWidths[1]);\n                path2.setAttribute( \"stroke-width\", stokeWidths[1]);\n\t\t\t  } else {\n\t\t\t    if( type === \"line\" ){\n\t\t\t        barSvg.setAttribute( \"viewBox\", \"0 0 100 \" + stokeWidths[0]);\n\t                path1.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[0] \/ 2) + \" L 100,\" + ( stokeWidths[0] \/ 2));\n                    path2.setAttribute( \"d\", \"M 0,\" + ( stokeWidths[0] \/ 2) + \" L 100,\" + ( stokeWidths[0] \/ 2));\n\t\t\t    }\n                path1.setAttribute( \"stroke-width\", stokeWidths[0]);\n                path2.setAttribute( \"stroke-width\", stokeWidths[0]);\n\t\t\t  }\n\t\t\t}\n\t\t\twindow.onresize = reportWindowSize;\n\t\t\tvar waitForProgressBar703_6a3a51fe = setInterval(function () {\n\t\t\t\tif (typeof ProgressBar !== \"undefined\" ) {\n\t\t\t\t\tclearInterval(waitForProgressBar703_6a3a51fe);\n\t\t\t\t\tlet responsiveStrokeSizes = [2,2,2];\n\t\t\t\t\tlet initialStroke;\n\t\t\t\t    if( window.innerWidth < 768 ) {\n\t\t\t\t        initialStroke = responsiveStrokeSizes[2];\n\t\t\t        } else if( window.innerWidth < 1025 ) {\n                        initialStroke = responsiveStrokeSizes[1];\n\t\t\t\t    } else {\n                        initialStroke = responsiveStrokeSizes[0];\n                    }\n\t\t\t\t\tlet progressBar703_6a3a51fe = new ProgressBar.Line(\"#kb-progress-bar703_6a3a51-fe\", {\n\t\t\t\t\t\tcolor: \"#c2afa0\",\n\t\t\t\t\t\ttrailColor: \"var(--global-palette7, #EDF2F7)\",\n\t\t\t\t\t\tduration: \"2000\",\n\t\t\t\t\t\teasing: \"easeInOut\",\n\t\t\t\t\t\tstrokeWidth: initialStroke,\n\t\t\t\t\t});\n\t\t\t\tlet progressBarController703_6a3a51fe = new ScrollMagic.Controller();\n\t\t\t\tlet desiredAnimation = new ScrollMagic.Scene({triggerElement: \"#kb-progress-bar703_6a3a51-fe\"});\n\t\t\t\tdesiredAnimation.triggerHook(0.88);\n\t\t\t\tdesiredAnimation.addTo( progressBarController703_6a3a51fe );\n\t\t\t\tdesiredAnimation.on(\"start\", function (e) {progressBar703_6a3a51fe.animate(\n\t\t\t\t\t\t\t0.8 ,\n\t\t\t\t            {\n\t\t\t\t\t\t\t\t duration: 2000,\n\t                             step: function(state, bar) {\n\t                                let value = 0;\n                                    let elementContainer = document.getElementById(\"kb-progress-bar703_6a3a51-fe\");\n\t                                let elementAbove = document.getElementById(\"current-progress-above703_6a3a51-fe\");\n\t                                let elementInside = document.getElementById(\"current-progress-inside703_6a3a51-fe\");\n\t                                let elementBelow = document.getElementById(\"current-progress-below703_6a3a51-fe\");\n\t                                if( false ) {\n\t                                    value = Math.round(bar.value() * 100 );\n\t                                } else {\n\t                                    value = Math.round(bar.value() * 100);\n\t                                }\n\t\t\t\t\t\t\t\t\tvalue = bar.value() * 100;\n\t\t\t\t\t\t\t\t\tvalue = Math.round( value );\n\n\t\t\t\t\t\t\t\t\tif( elementAbove ){\n\t\t\t\t\t\t\t\t\t\telementAbove.innerHTML = \"\" + value + \"%\";\n\t\t\t\t\t\t\t\t\t} else if ( elementInside ){\n\t\t\t\t\t\t\t\t\t\telementInside.innerHTML = \"\" + value + \"%\";\n\t\t\t\t\t\t\t\t\t} else if ( elementBelow ){\n\t\t\t\t\t\t\t\t\t\telementBelow.innerHTML = \"\" + value + \"%\";\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t }\n\t\t\t\t            } ,\n\t\t\t\t            function(){}\n\t\t\t\t        );});} }, 125); <\/script><p><\/p>","protected":false},"excerpt":{"rendered":"<p>Kleurkeuze huisstijl A\/B &#8211; test Op de website van Twist hadden we in eerste instantie een banner van de Twist beker op een boot. Hier kregen we feedback over tijdens een weekpresentatie waarbij de meningen verschilden of de banner goed of niet goed was. Om deze reden hebben we een A\/B-test gehouden bij familie en&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-703","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/pages\/703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/comments?post=703"}],"version-history":[{"count":6,"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/pages\/703\/revisions"}],"predecessor-version":[{"id":949,"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/pages\/703\/revisions\/949"}],"wp:attachment":[{"href":"https:\/\/i556066.hera.fontysict.net\/index.php\/wp-json\/wp\/v2\/media?parent=703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}