{"id":55808,"date":"2024-08-15T15:01:01","date_gmt":"2024-08-15T13:01:01","guid":{"rendered":"https:\/\/www.medienwerft.de\/?page_id=55808"},"modified":"2024-11-28T17:12:12","modified_gmt":"2024-11-28T16:12:12","slug":"cx-design","status":"publish","type":"page","link":"https:\/\/www.medienwerft.de\/en\/references\/haba\/cx-design\/","title":{"rendered":"HABA CX Design"},"content":{"rendered":"<div class=\"block block--intro block--intro-ref  bg--light\">\n\n\t<div class=\"container container--medium padding-bottom \">\n\n\t\t<div class=\"bg--white spacing\">\n\t\t\t<div class=\"container container--small\">\n\n\t\t\t\t\t\t\t\t<nav class=\"breadcrumbs\"><ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\"><li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\"><span class=\"last\">Home<\/span><\/span><\/li><\/ol><\/nav>\n\t\t\t\t\t\t\t\t\t<div class=\"block--headline\">\n\t\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t\t<h1>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span>A traditional company repositioned: Optimized customer experience for HABA <\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t<p>Toys, fashion, furniture and more: a relaunch of two brand websites was on the agenda for the HABA Familygroup. HABA was certain: modern CX processes were to be established in the company with an external perspective and expertise. Just the right task for the UX experts at Medienwerft! Together with the internal CX team, which we managed remotely, we developed a new B2C and B2B customer experience strategy, taking modern Brand X and DesignOps aspects into account. The result is two stores that perfectly convey HABA&#8217;s brand values and offer users an inspiring experience.<\/p>\n\n\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>KUNDE<\/strong><\/p>\n<p>HABA Familygroup <\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>PROJECT DURATION<\/strong><\/p>\n<p>Ongoing since fall 2022 <\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>EXPERTISE<\/strong><\/p>\n<ul>\n<li>UX\/UI-Design<\/li>\n<li>DesignOps<\/li>\n<li>B2B and B2C UX<\/li>\n<li>Strategic consulting and realization<\/li>\n<li>Scrum UX\n<ul>\n<li>CX team leader (remote management)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"block block--accordion  bg--light c-black bg-white\" id=\"block_9175373960e45a7b4fd05d7f61b53e0c\">\n\n\t<div class=\"container container--medium no-pad padding-bottom \">\n\n\t\t\n\t\t\t<div class=\"accordion js-fade js-fade-in\">\n\n\t\t\t\t<button class=\"accordion__opener\" id=\"xxx-1-label\" aria-controls=\"xxx-1-content\" aria-expanded=\"false\">\n\t\t\t\t\tAbout the client\t\t\t\t<\/button>\n\t\t\t\t<div class=\"accordion__content\" id=\"xxx-1-content\"\n\t\t\t\t\taria-labelledby=\"xxx-1-label\">\n\t\t\t\t\t<p>The HABA Familygroup, an internationally active family business, today manages the HABA and HABA Pro brands. Since its foundation over 80 years ago, the company has been supporting families, social, public and private institutions. From development to production and distribution, the portfolio includes high-quality products in the areas of family life, play, movement, clothing, education, furniture and equipment. <\/p>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\n\t<\/div>\n\n<\/div>\n\n<style>\n\t\t<\/style>\n\n<div class=\"block block--ipad-sliding block--classic  bg--white pos-left\">\n\n\t\n\t<div class=\"container container--normal padding-top--big no-pad orange-h4-inside\">\n\t\t\n\t\t\t\n\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t<div class=\"flex__item two-fifths content-one-half md-one-whole bg--white\">\n\t\t\t\t<div class=\"\n\t\t\t\tjs-fade js-fade-up\t\t\t\tp\">\n\t\t\t\t\t<h4><strong>THE TASK<\/strong><\/h4>\n<h2>An upgrade for the customer experience<\/h2>\n<p>In the final phase of the relaunch of the two brand stores HABA Play and HABA Pro, the HABA Familygroup wanted the proverbial \u201coutside view\u201d of the conceptual and strategic processes within the company.<\/p>\n<p>Our experts came at just the right time! We guided the internal CX team and reviewed the design and implementation processes as a first step. Among other things, we identified a central pain point &#8211; the relevance of UX had to be made clear to the other departments involved in order to simplify and accelerate collaboration.<\/p>\n<p>Only with a UX mindset in the e-commerce strategy and established processes can the departments and specialist areas be networked with their requirements and solutions for the needs of customers and stakeholders be found together. On this basis, the customer experience can be optimized to take store conversion and the brand experience to a new level.<\/p>\n<p>Do you have a similar challenge for us? <span style=\"white-space: nowrap;\">Then get in touch with us!<\/span><\/p>\n<p><a href=\"\/en\/contact\/\"><span class=\"btn\">Contact us<\/span><\/a><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"flex__item three-fifths content-one-half md-one-whole flex flex--middle flex--center\">\n\n\t\t\t\t<div class=\"ipad-con\">\n\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-1000x495.webp\"\n\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-1920x950.webp 1920w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-1600x792.webp 1600w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-1400x693.webp 1400w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-1200x594.webp 1200w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-1000x495.webp 1000w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-800x396.webp 800w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/haba-ux-case-laptop-intro-3-620x307.webp 620w\"\n\t\t\t\t\t\talt=\"HABA UX Case - Laptops - Aufgabe\"\n\t\t\t\t\t\tsizes=\"(min-width:1401px) 960px, (min-width:801px) and (max-width:1400px) 50vw,  96vw\" class=\"js-load-lazy js-scroll-ipad\" \/>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--flying-phones block--classic  bg--light\">\n\n\t<div class=\"container container--normal no-pad no-pad orange-h4-inside\">\n\t\t\n\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t<div class=\"flex__item two-fifths content-one-half md-one-whole md-bg--light\">\n\t\t\t\t<div class=\"\n\t\t\t\tjs-fade js-fade-up\t\t\t\t\">\n\t\t\t\t\t<h4><strong>Our solution<\/strong><\/h4>\n<h2>Agile processes, clear strategy<\/h2>\n<p>Initially, we strengthened the in-house team with two senior designers and a Head of CX. After an initial analysis of the current development processes, an agile UX design process was created that integrates optimally into the development cycles of the agile development teams. An approach that takes up the requirements of the stakeholders, processes them in joint design thinking workshops depending on their complexity and delivers design results in sync with the development scrum process. <\/p>\n<p>For efficient handover to development and to ensure the quality and scalability of the designs, a design system is set up in FIGMA for each brand, which expands the brand guidelines for the requirements in e-commerce and provides implementation specifications. <\/p>\n<p>With the help of suitable JIRA configurations, finished designs are now automatically transferred to the product owners for sprint planning. <\/p>\n<p>In addition to the operational design work, Medienwerft supports the e-commerce strategy for the B2C and mainly for the B2B world in order to meet the requirements of both end customers and employees with the appropriate functions and services. <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"flex__item three-fifths content-one-half md-one-whole\">\n\t\t\t\t<div class=\"flying-phones\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-1-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-1-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-1-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-1-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-1-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-1-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Mobile Animation 1\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-left js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-2-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-2-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-2-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-2-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-2-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-2-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Mobile Animation 2\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-top js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-3-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-3-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-3-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-3-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-3-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-3-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Mobile Animation 3\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-bottom js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-4-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-4-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-4-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-4-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-4-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-4-mobile-animation-4-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Mobile Animation 4\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-right js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text-with-quote block--classic  bg--white\">\n\n\t<div class=\"container container--normal padding-top--huge padding-bottom--huge orange-h4-inside\">\n\t\t\n\t\t<div class=\"flex flexgrid--wide flex--wrap flex--middle\">\n\t\t\t\n\t\t\t<div class=\"flex__item three-fifths content-one-half md-one-whole md-margin-bottom\">\n\t\t\t\t<div class=\"\n\t\t\t\tjs-fade js-fade-up\t\t\t\t\">\n\t\t\t\t\t<h4><strong>The Challenge<\/strong><\/h4>\n<h2>One customer &#8211; two stores &#8211; one team<\/h2>\n<p>The relaunch of two brand stores, each of which has its own corporate design, is a challenge in every respect. It starts with internal communication: together with the client, we defined roles and affiliations and communicated them within the organization so that requests to the CX team reach the right place.<\/p>\n<p>The seamless integration of the design process into agile store development plays a particularly important role in efficient implementation. To avoid major delays, a Scrum UX process was set up in parallel to the Scrum development &#8211; clever JIRA configurations have automated the transfer of finished designs to development.<\/p>\n<p>A general UX mindset was established so that all specialist departments gain an understanding of the requirements of consumers. Through internal communication and in close cooperation with all specialist departments, the added value has finally also been anchored among stakeholders, so that they now turn to the CX experts when they have digital requirements in order to find a solution together.<\/p>\n<p>Ultimately, the aim is to coordinate the requirements and issues of the internal specialist departments with the needs of the end customer in such a way that everyone is informed and satisfied with the solution.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"flex__item two-fifths content-one-half md-one-whole block--quote \n\t\t\tjs-fade js-fade-up\t\t\t\">\n\n\t\t\t\t\n\t\t\t\t<blockquote class=\"blockquote--big\">\n\t\t\t\t\t<p>As external Head of CX, one of my tasks is to raise awareness of the relevance of CX aspects within the company. Convincing everyone involved that CX design ultimately always pays off in terms of end customer satisfaction and an increase in conversion greatly improves the implementation of the two brand stores and their brand experience. <\/p>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<cite>\n\t\t\t\t\t\t\t<p>Adrian Stern<br \/>\r\nCX Design Medienwerft<\/p>\n\t\t\t\t\t\t<\/cite>\n\t\t\t\t\t<\/footer>\n\t\t\t\t<\/blockquote>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--moving-phones text--center  bg--light\">\n\n\t<div class=\"container container--medium padding-top--big no-pad orange-h4-inside\">\n\t\t\n\t\t<div class=\"js-fade js-fade-up\">\n\t\t\t<h4><strong>Conclusion<\/strong><\/h4>\n<p>Supporting a traditional company like HABA with the relaunch of two brand stores is an exciting challenge that our CX team took on in several aspects.<\/p>\n<p>On the one hand, by establishing standardized processes, we have ensured faster implementation and smooth collaboration between the various stakeholders. On the other hand, we can also demonstrate our expertise in ongoing operational design work. Because both stores work on the same technical basis and the developer resources are not endless, the designs must always work for both stores, but at the same time adhere to the guidelines of the respective brand &#8211; a task that we can complete together with HABA&#8217;s in-house CX team to the complete satisfaction of customers and employees.<\/p>\n\t\t<\/div>\n\n\t\t<div class=\"moving-phones js-intersect\">\n\t\t\t<div class=\"flex flexgrid--normal flex__bottom\">\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-1-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-1.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-1-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-1-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup half 1\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-1-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-1.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-1-480x686.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-1-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup 1\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-2-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-2.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-2-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-2-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup half 2\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-2-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-2.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-2-480x686.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-2-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup 2\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-3-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-3.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-3-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-3-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup half 3\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-3-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-3.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-3-480x686.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-smartphone-mockup-3-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup 3\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-4-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-4.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-4-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/haba-ux-half-smartphone-mockup-4-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"HABA UX Case - Smartphone Mockup half 4\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--quote  bg--white mpos-top\">\n\n\t<div class=\"container container--normal padding-top--huge padding-bottom--huge \">\n\t\t\n\t\t\t\t\t\n\t\t\t<div class=\"flex flex--quote flex--middle flex--wrap\">\n\t\t\t\t<div class=\"flex__item  \n\t\t\t\tjs-fade js-fade-up\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t\t\t<h3>OPTIMIZED CUSTOMER JOURNEY<\/h3>\n\t\t\t\t\t\t\t\t\t\t<blockquote class=\"blockquote--big\">\n\t\t\t\t\t\t<p>Medienwerft is a cooperative partner when it comes to optimizing our customer experience. Together with the CX experts at Medienwerft, we continuously improve usability and UI design to ensure an improved customer journey at our digital touchpoints. Our goal: a measurable boost for conversion and an inspiring brand experience.<\/p>\n\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t<cite>\n\t\t\t\t\t\t\t\t<p>Christian Eichhorn<br \/>\r\nDirector IT HABA Familygroup<\/p>\n\t\t\t\t\t\t\t<\/cite>\n\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"flex__item  \n\t\t\t\tjs-fade js-fade-up\t\t\t\t\">\n\t\t\t\t\t<div class=\"img-round\">\n\t\t\t\t\t\t<div class=\"round__inner\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/referenzen-overview-haba-310x233.webp\" \n\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/referenzen-overview-haba-560x420.webp 2x, \n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/08\/referenzen-overview-haba-310x233.webp 1x\" \n\t\t\t\t\t\t\talt=\"haba-uebersicht\" loading=\"lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n<\/div>\n\n<div class=\"block block--teaser  bg--light\">\n\n\t<div class=\"container container--normal padding-top padding-bottom--big\">\n\n\t\t\n\t\t\n\n\t\t\n\n\t\t\n\n\t\t\t\n\t\t\t\t<div class=\"flex flexgrid--normal flex--wrap  js-fade js-fade-in\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>PROJECTS<\/h3>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/haba\/cx-design\/\"\n\t\t\t\t\t\t\t\tclass=\"flex1 flex flex--column\">\n\t\t\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h3>HABA CX Design<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>A relaunch of two brand websites was on the agenda for the HABA Familygroup. For HABA, it was certain that modern CX processes would be established in the company with an external perspective and expertise.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span><\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>ALSO INTERESTING<\/h3>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/full-service\/customer-experience\/cx-expert-support\/\"\n\t\t\t\t\t\t\t\tclass=\"flex1 flex flex--column\">\n\t\t\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/02\/beitrag-cx-expert-support-480x278.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/02\/beitrag-cx-expert-support-800x463.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/02\/beitrag-cx-expert-support-620x359.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/02\/beitrag-cx-expert-support-620x359.webp 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"CX Expert Support\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\"\/>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t\t\tCUSTOMER EXPERIENCE\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h3>CX Expert Support<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>Do you need support in the development of new digital products, do you face a challenge concerning digitalisition or do you have bottlenecks in your in-house CX team? As part of our CX Expert Support, we support you.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\t\t\t\t\tGET SUPPORT NOW\t\t\t\t\t\t\t\t\t\t<\/span><\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/full-service\/customer-experience\/customer-experience-design\/\"\n\t\t\t\t\t\t\t\tclass=\"flex1 flex flex--column noHeadline\">\n\t\t\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/12\/CXD-preview-480x324.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/12\/CXD-preview-800x541.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/12\/CXD-preview-620x419.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/12\/CXD-preview-620x419.webp 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Customer Experience Design\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\"\/>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t\t\tCustomer Experience Design\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h3>Customer Experience Design<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>In the age of digitalization, customer experience design is the key to optimizing customer experiences. Our experienced CX experts work with you to determine the right measures to make interactions, e.g. in the web store or self-service portal, customer-oriented and revenue-generating.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\t\t\t\t\tOPTIMIZE NOW\t\t\t\t\t\t\t\t\t\t<\/span><\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--contact \">\n\n\t<div class=\"section section--contact\">\n\t\t<div class=\"flex flex--wrap bg--white\">\n\t\t\t<div class=\"flex__item one-half lg-one-whole flex__image\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-800x529.jpg\" \n\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1400x925.jpg 1400w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1200x793.jpg 1200w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1000x661.jpg 1000w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-800x529.jpg 800w\"\n\t\t\t\t\talt=\"Kontaktblock \" \n\t\t\t\t\tsizes=\"(min-width:801px) 50vw, 100vw\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"flex__item one-half lg-one-whole flex__content flex flex--middle\">\n\n\t\t\t\t<div class=\"one-whole\">\n\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3>CONTACT<\/h3>\n<blockquote><p>\u201eWhen you\u2019re looking for new perspectives on the development of your process or transaction-oriented online platforms, my team and I will be happy to advise you. I look forward to getting to know you.\u201c<\/p><\/blockquote>\n\n\t\t\t\t\t\t<div class=\"grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"grid__item\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/mw-hendrik-van-laaten-geschaeftsfuerer-2-200x200.jpg\" \n\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/mw-hendrik-van-laaten-geschaeftsfuerer-2.jpg 2x,\n\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/mw-hendrik-van-laaten-geschaeftsfuerer-2-200x200.jpg 1x\"\n\t\t\t\t\t\t\t\t\t\talt=\"Hendrik van Laaten (1) - When you're looking...\" \n\t\t\t\t\t\t\t\t\t\twidth=\"398\"\n\t\t\t\t\t\t\t\t\t\theight=\"398\" \n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"grid__item\">\n\t\t\t\t\t\t\t<p>Managing Director<br \/>\n<strong>HENDRIK VAN LAATEN<\/strong><\/p>\n<p>Tel.: <a href=\"tel:+4940\/317799-0\">+49 40 \/ 31 77 99-0<\/a><br \/>\nE-Mail: <a href=\"mailto:info@medienwerft.de\">info@medienwerft.de<\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A relaunch of two brand websites was on the agenda for the HABA Familygroup. For HABA, it was certain that modern CX processes would be established in the company with an external perspective and expertise.<\/p>\n","protected":false},"author":31,"featured_media":55840,"parent":56465,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-55808","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":["https:\/\/www.medienwerft.de\/wp-content\/uploads\/2024\/07\/heroimage-case-haba-ux-desktop.webp",2560,896,false],"author_info":{"display_name":"Sophie Weegmann","author_link":"https:\/\/www.medienwerft.de\/en\/author\/sophie\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/55808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/comments?post=55808"}],"version-history":[{"count":6,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/55808\/revisions"}],"predecessor-version":[{"id":59278,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/55808\/revisions\/59278"}],"up":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/56465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media\/55840"}],"wp:attachment":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media?parent=55808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}