'):a("body").append(''))})}(jQuery),function(a){a(document).ready(function(){function b(b){var c=b.outerHeight();if(b.hasClass("navbar-fixed-top")&&"fixed"==b.css("position")){a("body").css("padding-top","");var d=parseInt(a("body").css("padding-top"));a("#toolbar").length>0&&b.css({top:parseInt(a("#toolbar").height())+"px"}),a("body").attr("style","padding-top:"+(d+c)+"px !important")}else a("body").css("padding-top","")}function c(){a("ul.menu.nav > li.open ul.dropdown-menu > li.open").length>0?a("ul.menu.nav > li.open ul.dropdown-menu > li.open > a.dropdown-toggle").trigger("click"):a("ul.menu.nav > li.open").length>0&&a("ul.menu.nav > li.open > a.dropdown-toggle").dropdown("toggle")}function d(b){if(a("body").hasClass("brk-desktop")){var c=b.height()+1;b.find(".navbar-offcanvas > ul:not(.secondary) > li.expanded > ul, .navbar-offcanvas > ul:not(.secondary) > li.expanded .dropdown-wrapper").css({top:c+parseInt(b.css("top"))+"px"})}else b.find(".navbar-offcanvas > ul:not(.secondary) > li.expanded > ul, .navbar-offcanvas > ul:not(.secondary) > li.expanded .dropdown-wrapper").css({top:""})}function e(){var b=parseInt(g.outerHeight(!0))+parseInt(g.css("top"))+10;if(h.length>0&&(b+=h.outerHeight(!0)),a(".section-tabs a.section-anchor").css("top"))var c=Math.abs(parseInt(a(".section-tabs a.section-anchor").css("top")));a("a.section-anchor").css({"margin-top":"-"+b+"px"}),a.isNumeric(c)&&a(".section-tabs a.section-anchor").css({"margin-top":"-"+(c+b)+"px"})}var f,g=a(".navbar.navbar-theme"),h=a(".nav.subnav.sticky");a(window).resize(function(){clearTimeout(f),g.trigger("change"),f=setTimeout(function(){b(g),d(g)},500),e()}),e(),b(g),d(g),g.find(".navbar-offcanvas").on("show.bs.offcanvas shown.bs.offcanvas hide.bs.offcanvas hidden.bs.offcanvas change",function(b){var c="in",d=a(this).parent().find(".navbar-header"),e=parseInt(d.outerHeight(!0))+parseInt(a(this).closest("nav").position().top);a(window).height()-e;a(this).find("ul.navbar-nav:first-child").css({"margin-top":e+"px"}),a(this).css({height:""}),a(this).css({top:""}),a(this).css({transform:""}),d.removeClass(c),a(this).hasClass(c)?d.addClass(c):d.find(".navbar-toggle").removeClass("is-open")}),g.find(".navbar-offcanvas").on("show.bs.dropdown shown.bs.dropdown hide.bs.dropdown hidden.bs.dropdown change",function(b){var c="sub-in",d=a(this).parent().find(".navbar-header");a(this).removeClass(c),d.removeClass(c),d.find(".navbar-toggle").removeClass(c),"show"!=b.type&&"shown"!=b.type||!a(b.target).is(":visible")||(a(this).addClass(c),d.addClass(c),d.find(".navbar-toggle").addClass(c))}),a("*").click(function(b){var d=a("#navigation"),e=a("div.navbar-header");if(a("body").hasClass("brk-mobile")){if(a(".navbar-offcanvas.sub-in").length&&e.is(b.target))return c(),!1;if(a(".navbar-offcanvas.sub-in").length&&!d.is(b.target)&&0===d.has(b.target).length)return c(),!1;if(a(".navbar-offcanvas.sub-in").length>0){if((a(b.target).is("span.item-prefix")||a(b.target).is("span.caret"))&&(a(b.target).closest("a").click(),b.preventDefault(),b.stopPropagation()),(a(b.target).hasClass("expanded")||a(b.target).hasClass("dropdown-toggle"))&&a(b.target).is("a")){var f=a(this);f.hasClass("clicked")?window.location=a(b.target).attr("href"):(f.addClass("clicked"),b.preventDefault(),b.stopPropagation()),setTimeout(function(){f.removeClass("clicked")},1e3)}else a(b.target).is("a")&&a("body").click().click().click();if(!a(b.target).closest("a").length)return c(),!1}}}),a(".navbar-offcanvas ul.dropdown-menu a.dropdown-toggle").click(function(b){a(".navbar-offcanvas").hasClass("in")&&(a(this).parent().siblings().removeClass("open"),a(this).parent().toggleClass("open"))}),a(".navbar-offcanvas").on("show.bs.dropdown shown.bs.dropdown hidden.bs.dropdown hidden.bs.dropdown",function(b){"hidden"==b.type&&a(b.target).addClass("closed"),"show"==b.type&&(a(b.target).removeClass("closed"),setTimeout(function(){a(b.target).parent().find(".closed").removeClass("closed")},400))}),a("*").hover(function(b){if(a("body").hasClass("brk-desktop")){var c=a("#navigation");a("div.navbar-header");c.has(b.target).length>0?(b.stopPropagation(),!a(b.target).hasClass("dropdown-toggle")||a(b.target).attr("aria-expanded")&&"false"!==a(b.target).attr("aria-expanded")?a(b.target).hasClass("dropdown-toggle")||a("li.dropdown").has(b.target).length||c.find("li.open a.dropdown-toggle").dropdown("toggle"):0!==a("ul.dropdown-menu").has(b.target).length||a(b.target).is("ul.dropdown-menu")||a(b.target).dropdown("toggle")):c.find("li.open a.dropdown-toggle").dropdown("toggle")}});var i=!1,j=!1;if(g.find("ul.nav.navbar-nav > li.dropdown a.dropdown-toggle").click(function(b){if(a("body").hasClass("brk-desktop")){var c=this.hash;if(a("body").find(c).length>0){if(j)return;i=a(this),j=!0,b.preventDefault(),a("html, body").animate({scrollTop:a(c).offset().top},800,function(){window.location.hash=c,i=!1,j=!1})}else window.location=a(this).attr("href")}}),h.length>0){var k=!1,l=!1;h.affix({offset:{top:h.offset().top-parseInt(g.outerHeight(!0))-parseInt(g.css("top"))}});var m=parseInt(h.next("div").css("padding-top"));h.on("affix.bs.affix",function(){var b=g.outerHeight(!0);m=parseInt(h.next("div").css("padding-top")),a(this).css({top:b+parseInt(g.css("top"))+"px"}),h.next("div").css({"padding-top":a(this).outerHeight(!0)+m+"px"})}),h.on("affix-top.bs.affix",function(){h.next("div").css({"padding-top":m+"px"})}),h.hasClass("affix")&&h.trigger("affix.bs.affix"),a("body").scrollspy({target:h.selector}),h.on("activate.bs.scrollspy",function(b){k&&(a(this).find("li.active").removeClass("active"),k.parent().addClass("active"))}),h.find('a[href^="#"]').on("click",function(b){if(!l){k=a(this),l=!0,b.preventDefault();var c=this.hash;a("html, body").animate({scrollTop:a(c).offset().top},800,function(){window.location.hash=c,k=!1,l=!1})}})}window.location.hash&&h.find('a[href="'+window.location.hash+'"]').click()})}(jQuery),function(a){a(document).ready(function(){function b(a,b){var c,d;return a&&b&&(c=b.split(/:|by/)),c[0]&&c[1]&&(c=c[0]/c[1],d=a/c),d}a(".carousel.wrapper .carousel-item iframe.vimeo").each(function(b){a(this).attr("src",a(this).attr("src")+"#timestamp="+(new Date).getTime())});var c,d,e;a(".video-play-btn, .video-pause-btn, .video-stop-btn").click(function(f){var g=a(this).parent().parent().parent(".carousel.wrapper"),h=g.find(".carousel-full-video");if(g.length>0&&h.length>0&&h.find("iframe.vimeo").length>0){var i=h.find("iframe")[0],j=$f(i);if(a(this).parent().find('div[class*="-btn"]').removeClass("hidden"),a(f.currentTarget).addClass("hidden"),a(f.currentTarget).siblings().addClass("hidden"),j.addEvent("finish",function(){j.api("unload")}),a(f.currentTarget).is('[class*="video-play"]')){e=a("body").attr("style"),isMobile()&&a("body").hasClass("brk-desktop")||a("body").attr("style",""),a("body").addClass("video-fs-active"),g.addClass("video-fs-active"),c&&d||(c=g.width(),d=g.height()),0==c&&(c="auto"),0==d&&(d="auto");var k=b(g.width(),"16by9");g.css({height:k+"px","max-height":k+"px"});var l=g.offset().top;g.height()-a(window).height()+g.offset().top>g.offset().top&&(l=g.height()-a(window).height()+g.offset().top),!isMobile()&&a("body").hasClass("brk-desktop")&&a("body, html").animate({scrollTop:l},600),g.find(".carousel-preview-video").addClass("hidden"),g.find(".field-name-field-header-image").addClass("hidden"),g.find(".carousel-full-video").removeClass("hidden"),g.find('.carousel-caption > *:not(div[class*="-btn"])').addClass("hidden"),g.find('.carousel-caption > div[class*="-btn"]').not(f.currentTarget).removeClass("hidden"),j.api("play")}a(f.currentTarget).is('[class*="video-pause"]')&&(g.find('.carousel-caption > div[class*="-btn"]').not(f.currentTarget).removeClass("hidden"),j.api("pause")),a(f.currentTarget).is('[class*="video-stop"]')&&(a("body").attr("style",e),a("body").removeClass("video-fs-active"),g.removeClass("video-fs-active"),g.css({height:d+"px","max-height":d+"px"}),a("body, html").animate({scrollTop:0},600),g.find(".carousel-preview-video").length>0&&(g.find(".carousel-full-video").addClass("hidden"),g.find(".carousel-preview-video").removeClass("hidden"),g.find(".field-name-field-header-image").addClass("hidden")),g.find('.carousel-caption > *:not(div[class*="-btn"])').removeClass("hidden"),g.find('.carousel-caption > div[class*="video-play"]').not(f.currentTarget).removeClass("hidden"),mobileDetection.any()||checkFullscreen()||j.api("unload"))}}),a(window).resize(function(){setTimeout(function(){a("#block-views-headers-block .carousel.wrapper, #block-views-headers-block-1 .carousel.wrapper").css({height:"","max-height":""}),a("#block-views-headers-block .carousel.wrapper .carousel-item, #block-views-headers-block-1 .carousel.wrapper .carousel-item").css({height:"","max-height":""})},300)});var f='
';f+=' ',f+="Close video ",f+="
",a(f).insertAfter("#block-views-headers-block .view-content > div.owl-carousel, #block-views-headers-block-1 .view-content > div.owl-carousel"),a("div.owl-carousel + div.video-close-btn").click(function(){a(this).prev("div.owl-carousel").find('.active *[class*="video-stop"]').click()}),a("div.video-play-btn").click(function(){var b=a("div.owl-carousel + div.video-close-btn");b.affix({offset:{top:a("div.owl-carousel").offset().top-50,bottom:a("body").height()-parseInt(a("div.owl-carousel").outerHeight(!0))+parseInt(a("div.owl-carousel").outerHeight(!0))/3}})})})}(jQuery),function(a){function b(b){var c,d,e=b.data("owlCarousel");e?(c=e.$owlItems,d=b.find(".owl-item").eq(e.currentItem)):(c=b.find(".owl-item"),d=b.find(".owl-item.active")),c.find(".carousel-preview-video video").each(function(){a(this).get(0).pause()}),c.find('div[class*="video-stop"]').trigger("click"),d.find(".carousel-preview-video video").length>0&&!isMobile()&&d.find(".carousel-preview-video video").get(0).play(),d.find(".carousel-full-video").length&&mobileDetection.any()||checkFullscreen()?(d.find(".field.field-name-field-header-image").addClass("hidden"),d.find(".carousel-preview-video").addClass("hidden"),d.find(".carousel-full-video").removeClass("hidden")):d.find(".field.field-name-field-header-image").removeClass("hidden"),c.each(function(){(!a(this).has("div.carousel-full-video")||a(this).find("div.carousel-full-video div.video-wrapper").length<1)&&a(this).find(".video-play-btn").hide()})}Drupal.behaviors.flow_video_js={attach:function(c,d){var e={afterInit:b,afterMove:b};for(var f in d.owlcarousel)a.extend(!0,d.owlcarousel[f].settings,e)}}}(jQuery);var mobileDetection={Android:function(){return navigator.userAgent.match(/Android/i)},BlackBerry:function(){return navigator.userAgent.match(/BlackBerry/i)},iOS:function(){return navigator.userAgent.match(/iPhone|iPad|iPod/i)},Opera:function(){return navigator.userAgent.match(/Opera Mini/i)},Windows:function(){return navigator.userAgent.match(/IEMobile/i)},any:function(){return mobileDetection.Android()||mobileDetection.BlackBerry()||mobileDetection.iOS()||mobileDetection.Opera()||mobileDetection.Windows()}};document.addEventListener("fullscreenchange",checkFullscreen),document.addEventListener("webkitfullscreenchange",checkFullscreen),document.addEventListener("mozfullscreenchange",checkFullscreen),document.addEventListener("MSFullscreenChange",checkFullscreen),function(a){a(document).ready(function(){function b(){requestFullscreen(d)}function c(a){document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement||mobileDetection.any()&&e.api("pause").api("seekTo",0)}var d=a(".owl-item.active .carousel-full-video").find("iframe")[0],e=$f(d);e.addEvent("ready",function(){e.addEvent("play",b)}),document.addEventListener("fullscreenchange",c),document.addEventListener("webkitfullscreenchange",c),document.addEventListener("mozfullscreenchange",c),document.addEventListener("MSFullscreenChange",c)})}(jQuery),function(a){Drupal.behaviors.flow_script_js={attach:function(b,c){function d(a){var b=this.currentItem;g.find(".owl-item").removeClass("synced").eq(b).addClass("synced"),void 0!==g.data("owlCarousel")&&e(b)}function e(a){var b=g.data("owlCarousel").visibleItems,c=a,d=!1;for(var e in b)if(c===b[e])var d=!0;d===!1?c>b[b.length-1]?g.trigger("owl.goTo",c-b.length+1):(c-1===-1&&(c=0),g.trigger("owl.goTo",c)):c===b[b.length-1]?g.trigger("owl.goTo",b[1]):c===b[0]&&g.trigger("owl.goTo",c-1)}var f=a(".owl-carousel-block_31"),g=a(".owl-carousel-block_41");if(a("body").find(f)&&a("body").find(g)){for(var h in c.owlcarousel){if(f.is(a("div."+h)))var i={afterAction:d};if(g.is(a("div."+h)))var i={afterInit:function(a){a.find(".owl-item").eq(0).addClass("synced")}};"undefined"!=typeof i&&a.extend(!0,c.owlcarousel[h].settings,i)}g.on("click",".owl-item",function(b){a(this).hasClass("synced")&&a(b.target).is("a")||b.preventDefault();var c=a(this).data("owlItem");f.trigger("owl.goTo",c)}),g.on("click touchstart",".owl-page",function(b){var c=a(this).index();f.trigger("owl.goTo",c)})}}}}(jQuery);
//-->
In langer, partnerschaftlicher Zusammenarbeit mit zooplus konnten wir bereits verschiedene Projekte gemeinsam realisieren - vor allem im Bereich AB-Testing und User Experience Forschung. Wir möchten Einblick in ein aktuelles Projekt zur Optimierung des Checkouts geben. In unserer kurzen Case Study werden die Zielsetzung, die Vorgehensweise und die Resultate unserer Arbeit beschrieben.
zooplus ist Online-Marktführer im Bereich Heimtierprodukte in Europa und vertreibt in 30 Ländern rund 8.000 Produkte rund um Tiernahrung und -zubehör. Das Unternehmen mit Hauptsitz in München gehört zu den Top 100 der Versandhandelsunternehmen in Deutschland.
Ziel des Projekts für zooplus war die Validierung eines neuen Checkout-Konzepts. Es sollte den Anforderungen und Bedürfnissen der Zielgruppe entsprechen und vor der Umsetzung überprüft werden. Trotz vieler Best-Practices und Checkout-Standards war es sinnvoll und notwendig, die speziellen Herausforderungen von zooplus durch User Experience Tests absichern zu lassen.
Durch die Tests und die Implementierung des optimierten Checkouts konnte die Conversion Rate bei Neukunden um bis zu 26 Prozent erhöht werden (Irland/mobile Endgeräte).
Die Päsentation der Case Study können Sie sich gerne kostenfrei über das Formular auf der rechten Seite herunterladen.
Ihr Team von TIE Kinetix