{"id":41557,"date":"2023-10-27T14:49:27","date_gmt":"2023-10-27T12:49:27","guid":{"rendered":"https:\/\/www.medienwerft.de\/?page_id=41557"},"modified":"2026-01-23T15:26:40","modified_gmt":"2026-01-23T14:26:40","slug":"klarmobil-de","status":"publish","type":"page","link":"https:\/\/www.medienwerft.de\/en\/references\/klarmobil-de\/","title":{"rendered":"freenet\/klarmobil.de"},"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>Clear success for the relaunch of full-service mobile communications provider freenet\/klarmobil.de<\/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>Moving away from PHP and toward Angular: this strategic step paved the way for klarmobil.de to undergo a remarkable relaunch. The change not only resulted in improved performance and increased conversion rates, but also took the pressure off the internal team at the wholly owned subsidiary of freenet DLS GmbH thanks to an efficient headless CMS.<\/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-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>CUSTOMER<\/strong><\/p>\n<p>freenet\/klarmobil.de<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>PROJECT DURATION<\/strong><\/p>\n<p>2-month project phase<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>EXPERTISE<\/strong><\/p>\n<ul>\n<li>Agile working methods<\/li>\n<li>Smart sourcing<\/li>\n<li>Concept development<\/li>\n<li>UX\/UI design<\/li>\n<li>Front-end development<\/li>\n<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>TECHNOLOGY<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" style=\"width: 120px;\" src=\"\/wp-content\/uploads\/2023\/09\/klarmobil-technologien.png\" alt=\"-\" width=\"240\" height=\"240\"><\/p>\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_9e8c27f894791e2aa79a5b1827179880\">\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><a href=\"https:\/\/www.klarmobil.de\/unternehmen\/ueberuns\/\" target=\"_blank\" rel=\"noopener nofollow\">klarmobil.de<\/a> is Germany&#8217;s first full-service provider and has developed into a leading mobile phone discounter since its founding in 2005. The subsidiary of <a href=\"https:\/\/www.freenet.ag\/\" target=\"_blank\" rel=\"noopener nofollow\">freenet AG<\/a> offers its customers not only customized rates, but also a selection of high-quality brand-name cell phones. Its comprehensive range of services covers all areas of mobile communications and always offers a simple and cost-effective solution. Headquartered in Hamburg, the company takes care of all customer needs \u2013 from international tariffs to mobile internet surfing.<\/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--video-parallax block--classic \">\n\n\t\t<video preload muted playsinline loop id=\"video\">\n\n\t\t\t\t\t   \n\t\t\t<source data-src-desktop=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-video.mp4\" \n\t\t\t\t\tdata-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-video.mp4\"\n\t\t\t\t\ttype=\"video\/mp4\" \/>\n\n\t\t<\/video>\n\n<\/div>\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>PHP to Angular<\/h2>\n<p>From a PHP-based platform to a modern website with a headless approach \u2013 that was the ambition behind the relaunch of klarmobil.de. As an Angular specialist, Medienwerft was brought on board for this project. Within two months, our developers successfully completed the relaunch in a two-week release cycle and have been working continuously with klarmobil.de ever since to ensure the further development of the website.<\/p>\n<p>Do you have a similar challenge for us? <span style=\"white-space: nowrap;\">Then feel free to contact us!<\/span><\/p>\n<p><a href=\"\/kontakt\/\"><span class=\"btn\">Get in touch<\/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\/2023\/09\/klarmobil-mac-3.webp\"\n\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3.webp 1920w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3.webp 1600w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3.webp 1400w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3.webp 1200w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3.webp 1000w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3-800x1000.webp 800w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mac-3-620x775.webp 620w\"\n\t\t\t\t\t\talt=\"Klarmobil - Referenz - Mac Bildschirme\"\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\t\t<div class=\"info-con\">\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/pfeil-overlay.svg\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/pfeil-overlay.svg 1200w,\n\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/pfeil-overlay.svg 1000w,\n\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/pfeil-overlay.svg 800w,\n\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/pfeil-overlay.svg 620w\"\n\t\t\t\t\t\talt=\"Klarmobil - Referenz - Pfeil\"\n\t\t\t\t\t\tsizes=\"(min-width:800px) 680px, 90vw\" class=\"js-load-lazy js-scroll-info\" \/>\n\t\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--quote  bg--white mpos-bottommd-no-con\">\n\n\t<div class=\"container container--normal no-pad no-pad \">\n\t\t\n\t\t\n\t\t\t<div class=\"flex flex--quote-rect flex--wrap\">\n\n\t\t\t\t<div class=\"flex__item one-third content-two-fifths object-fit-con \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-frau-handy-620x517.webp\" \n\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-frau-handy.webp 1024,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-frau-handy-800x667.webp 800w, \n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-frau-handy-620x517.webp 620w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-frau-handy-480x400.webp 480w\" \n\t\t\t\t\t\talt=\"Klarmobil - Referenz - Beitragsbild\" loading=\"lazy\" \n\t\t\t\t\t\tsizes=\"(min-width:921px) 460px, 100vw\" \/>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"flex__item two-thirds content-three-fifths spacing \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t<div class=\"inner bg--white\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Always focusing on the user experience<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t<blockquote class=\"blockquote--big\">\n\t\t\t\t\t\t\t<p>We have further expanded and adapted the end-to-end tests with Cypress to ensure that potential errors from the user&#8217;s perspective are detected and fixed before release.<\/p>\n\t\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t\t<cite>\n\t\t\t\t\t\t\t\t\t<p>Kaan K\u00f6kl\u00fc<br \/>\r\nWeb Developer<\/p>\n\t\t\t\t\t\t\t\t<\/cite>\n\t\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\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>All-round benefits<\/h2>\n<p>Angular offers numerous advantages, particularly when developing single-page web applications that consist of a single HTML document and load dynamic content: The code base is significantly compressed, which in turn reduces the size of the source code and thus improves the structure and maintainability of the system. Thanks to the modular structure and <strong>pre-built components<\/strong>, team members now have the ability to integrate changes and new content independently and flexibly after implementing Angular. Campaigns can be implemented more quickly thanks to the newly gained code consistency.<\/p>\n<p>The positive results are better performance and a lower bounce rate at checkout. In addition, the site was developed using a mobile-first approach with accessibility in mind.<\/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\/2023\/09\/klarmobil-phone-1-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-1-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-1-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-1-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-1-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-1-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Full\"\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\/2023\/09\/klarmobil-phone-2-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Full\"\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\/2023\/09\/klarmobil-phone-3-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-3-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-3-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-3-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-3-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-3-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Full\"\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\/2023\/09\/klarmobil-phone-2-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-phone-2-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Full\"\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>INTO THE FAST LANE WITH MEDIENWERFT<\/h2>\n<p>Until now, klarmobil.de had not used a content management system for its website. However, with increasing demands, this meant that freenet employees had to contact internal IT for even the smallest changes, such as adjusting a single headline, which sometimes required a considerable amount of time. With the introduction of the flexible Angular framework with Headless CMS, content can now not only be implemented more quickly, but the burden on freenet IT has also been significantly reduced.<\/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>Developing in Angular is like assembling Lego bricks: everything starts the same way and can be put together in a modular fashion. This modularity makes it possible to distribute tasks among several developers.<\/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>Bendix Hemsen<br \/>\r\nWeb Developer<\/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--slider-text-image  bg--light pos-right\">\n\n\t\n\t\t<div class=\"padding-top--big padding-bottom--big contain\">\n\n\t\t\t\n\t\t\t\t<div class=\"slick slick--split orange-h4-inside js-fade js-fade-in\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransparent\">\n\n\t\t\t\t\t\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole flex flex--middle \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"max-width\">\n\t\t\t\t\t\t\t\t\t\t\t<h4><strong>MAXIMUM FLEXIBILITY<\/strong><\/h4>\n<h2>Technical excellence through headless CMS<\/h2>\n<p>A headless CMS differs from traditional systems in that it does not have a fixed front end. This means that content can be managed independently of its presentation and delivered flexibly to any desired output device or format.<\/p>\n<p>This form of separation offers enormous flexibility and future-proofing. klarmobil.de now benefits from being able to make changes directly and without the constant involvement of the IT department, resulting in greater agility when implementing campaigns and other projects.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\t\t\t\t\t\t\t\t\t<div class=\"object-fit-con\"  \n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-2-klarmobil-4-2.svg\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-2-klarmobil-4-2.svg 1000w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-2-klarmobil-4-2.svg 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-2-klarmobil-4-2.svg 620w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Headless Commerce Grafik\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"auto, (min-width:800px) 50vw, 100vw\" \n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"1280\" \n\t\t\t\t\t\t\t\t\t\t\t\theight=\"600\" \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"object-position:right-bottom;\" \n\t\t\t\t\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\n\t\t\t\t\t\t\thidden\t\t\t\t\t\t\ttransparent\">\n\n\t\t\t\t\t\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole flex flex--middle \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"max-width\">\n\t\t\t\t\t\t\t\t\t\t\t<h4><strong>OPTIMIZED PERFORMANCE<\/strong><\/h4>\n<h2>The Angular Revolution<\/h2>\n<p>Angular, a powerful front-end web framework developed by Google, is revolutionizing the creation of single-page web applications with its outstanding advantages such as modularity, code optimization, and high performance.<br \/>\nIt enables our developers to work efficiently by using reduced code and combining different components using the &#8220;Lego building block&#8221; principle.<\/p>\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<a href=\"#\" class=\"expand\">Mehr erfahren<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"expand__hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>For klarmobil.de employees, this has the considerable advantage that workloads can be distributed evenly and projects can be implemented more quickly.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\t\t\t\t\t\t\t\t\t<div class=\"object-fit-con\"  \n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-1-klarmobil.svg\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-1-klarmobil.svg 1000w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-1-klarmobil.svg 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/slider-1-klarmobil.svg 620w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Angular Grafik\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"auto, (min-width:800px) 50vw, 100vw\" \n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"1280\" \n\t\t\t\t\t\t\t\t\t\t\t\theight=\"600\" \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"object-position:right-bottom;\" \n\t\t\t\t\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\n\t\t\t\t\t\t\thidden\t\t\t\t\t\t\ttransparent\">\n\n\t\t\t\t\t\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole flex flex--middle \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"max-width\">\n\t\t\t\t\t\t\t\t\t\t\t<h4><strong>USER EXPERIENCE<\/strong><\/h4>\n<h2>Abandonment page analyzes customer feedback<\/h2>\n<p>The abandonment page on klarmobil.de is a smart feature that tracks user behavior in real time. If the system detects signs of a possible abandonment, such as prolonged waiting or specific mouse movements, the user is immediately presented with a survey that asks for the reasons for the possible abandonment in a short and straightforward manner. This feedback helps to continuously optimize the website.<\/p>\n<p>The abandonment page not only provides information about possible bounces, but also emphasizes the value of customer opinions. It&#8217;s about more than just technology \u2013 it&#8217;s about a better user experience and customer loyalty.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\t\t\t\t\t\t\t\t\t<div class=\"object-fit-con\"  \n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-slider-3-800x667.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-slider-3.webp 1000w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-slider-3-800x667.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-slider-3-620x517.webp 620w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Slider - Website\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"auto, (min-width:800px) 50vw, 100vw\" \n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"864\" \n\t\t\t\t\t\t\t\t\t\t\t\theight=\"720\" \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"object-position:right-bottom;\" \n\t\t\t\t\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\n\t\t<\/div>\n\n\t\n<\/div>\n\n<div class=\"block block--moving-phones text--center  bg--white\">\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 style=\"text-align: center;\"><strong>Conclusion<\/strong><\/h4>\n<h2 style=\"text-align: center;\">A clear win-win: freenet\/klarmobil.de and Medienwerft<\/h2>\n<p style=\"text-align: center;\">The close collaboration between klarmobil.de and our web developers enabled us to continuously develop new web components based on an agile Angular framework with Headless CMS. The result? A website that not only offers users an improved experience, but also simplifies the workflows of freenet employees.<\/p>\n<p style=\"text-align: center;\">With the Angular framework as its foundation, the technical basis of the new website is optimally structured, which makes maintenance and further development of the system noticeably easier.<\/p><\/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\/2023\/09\/klarmobil-mobile-half-1-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-1.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-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\/2023\/09\/klarmobil-mobile-half-1-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Top\" 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\/2023\/09\/klarmobil-mobile-full-1-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-full-1.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-full-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\/2023\/09\/klarmobil-mobile-full-1-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - half\" 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\/2023\/09\/klarmobil-mobile-half-2-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-2.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-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\/2023\/09\/klarmobil-mobile-half-2-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Top\" 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\/2023\/09\/klarmobil-mobile-full-2-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-full-2.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-full-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\/2023\/09\/klarmobil-mobile-full-2-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Half\" 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\/2023\/09\/klarmobil-mobile-half-3-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-3.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-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\/2023\/09\/klarmobil-mobile-half-3-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Top\" 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\/2023\/09\/klarmobil-mobile-full-3-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-full-3.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-full-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\/2023\/09\/klarmobil-mobile-full-3-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Half\" 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\/2023\/09\/klarmobil-mobile-half-4-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-4.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-mobile-half-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\/2023\/09\/klarmobil-mobile-half-4-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Phone Screen - Top\" 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--light mpos-top\">\n\n\t<div class=\"container container--medium padding-top--huge padding-bottom \">\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>Only what users like is successful<\/h3>\n\t\t\t\t\t\t\t\t\t\t<blockquote class=\"blockquote--big\">\n\t\t\t\t\t\t<p>Following its relaunch, our website now shines in new splendor and offers our users a modern and user-friendly experience.<br \/>\r\nThe efficient and transparent collaboration with Medienwerft led to a smooth implementation. The result is impressive\u2014klarmobil.de is not only contemporary, but also optimally tailored to the needs of our customers.<\/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>Hanna Feldtmann<br \/>\r\nSenior E-Commerce Manager\/Product Owner<\/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\/2023\/09\/klarmobil-hanna-feldtmann-2-310x310.webp\" \n\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-hanna-feldtmann-2.webp 2x, \n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/klarmobil-hanna-feldtmann-2-310x310.webp 1x\" \n\t\t\t\t\t\t\talt=\"Klarmobil - Referenz - Hanna Feldtmann\" 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\/hamburg-wasser\/\" class=\"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\/08\/crossteaser-hamburg-wasser-480x296.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser-620x383.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser-620x383.webp 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Hamburg Wasser\"\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\tHAMBURG WASSER\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>Hamburg Wasser<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>We are familiar with the requirements for barrier-free websites. We were able to prove this during the website relaunch for HAMBURG WASSER.<\/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\tLEARN MORE\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\/ux-ui-design\/\" class=\"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\/2026\/05\/ux-ui-preview-teaser-480x296.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2026\/05\/ux-ui-preview-teaser.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2026\/05\/ux-ui-preview-teaser-620x383.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2026\/05\/ux-ui-preview-teaser-620x383.webp 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"UX\/UI 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\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>UX\/UI Design<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>Whether it&#8217;s interacting with an online shopping app that&#8217;s fast and easy to use, or a session on your website, there&#8217;s no second chance to make a first impression. <\/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\tLEARN MORE\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\/technology\/sap-customer-experience\/sap-spartacus\/\" class=\"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\/2022\/08\/spartacus-hero-480x168.jpg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/08\/spartacus-hero-800x280.jpg 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/08\/spartacus-hero-620x217.jpg 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/08\/spartacus-hero-620x217.jpg 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"SAP Spartacus\"\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\tSAP SPARTACUS\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>SAP Spartacus<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>Whether you&#8217;re migrating to SAP Commerce Cloud or expanding your SAP omnichannel activities, the SAP Spartacus headless storefront can help you deliver impressive customer experiences quickly, flexibly, and across all media.<\/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\tLEARN MORE\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--lets-connect flex flex--column  bg--white no-pad padding-bottom--big top normal bottom\">\n\n\t<div class=\"connect__banner bg--white js-fade js-fade-in\">\n\t\t<p class=\"connect__tagline\">Let&#8217;s connect<\/p>\n\n\t\t\n\t\t\t<div class=\"connect__tagline-overlay hidden--sm\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<h3>DO YOU HAVE ANY QUESTIONS?<br \/>\n<span class=\"orange\">CONTACT US!<\/span><\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\n\t<div class=\"connect__contact js-fade js-fade-in\">\n\n\t\t\n\t\t\t<div class=\"headline-replacement-sm hidden text--center\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<h3>DO YOU HAVE ANY QUESTIONS?<br \/>\n<span class=\"orange\">CONTACT US!<\/span><\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t<div class=\"container\">\n\n\t\t\t\t\n\n\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap padding-top--small\">\n\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\n\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t<div class=\"flex__round\">\n\t\t\t\t\t\t\t\t<div class=\"object-fit-con\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Hendrik-Kreisgrafik.webp\"\n\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Hendrik-Kreisgrafik.webp 2x,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Hendrik-Kreisgrafik.webp 1x\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"Hendrik van Laaten\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t<p><strong>HENDRIK VAN LAATEN<\/strong><br \/>\nManaging Partner of Medienwerft<\/p>\n<p><a href=\"tel:+49403177990\" rel=\"nofollow\">040 317799-0<\/a><br \/>\n<a href=\"mailto:info@medienwerft.de\">info@medienwerft.de<\/a><\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/hendrikvanlaaten\/\" target=\"_blank\" class=\"connect__linkedin\" rel=\"nofollow noopener\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg height=\"72\" viewBox=\"0 0 72 72\" width=\"72\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g fill=\"none\"><path d=\"M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z\" fill=\"#007EBB\"\/><path d=\"M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z\" fill=\"#FFF\"\/><\/g><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\n\t\t\t\t\t\t<p><span data-teams=\"true\">\n\t\t\t\t\t\t<script>\n\t\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\t\tportalId: 139748848,\n\t\t\t\t\t\t\t\t\tformId: \"cd85fe7a-37f1-4f9d-9009-0c8be7bd32f6\",\n\t\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1789311596000-2075227486\",\n\t\t\t\t\t\t\t\t\tregion: \"eu1\",\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})});\n\t\t\t\t\t\t<\/script>\n\t\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1789311596000-2075227486\"><\/div><\/span><\/p>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t\n\t<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Moving away from PHP and towards Angular: This strategic step paved the way for a remarkable relaunch of klarmobil.de.<\/p>\n","protected":false},"author":31,"featured_media":41729,"parent":36729,"menu_order":14,"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-41557","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":["https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/09\/heroimage-klarmobil-2.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\/41557","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=41557"}],"version-history":[{"count":32,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/41557\/revisions"}],"predecessor-version":[{"id":76398,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/41557\/revisions\/76398"}],"up":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/36729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media\/41729"}],"wp:attachment":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media?parent=41557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}