{"id":39084,"date":"2026-05-08T15:25:31","date_gmt":"2026-05-08T13:25:31","guid":{"rendered":"https:\/\/www.360vier.de\/case-study\/lakal\/"},"modified":"2026-09-14T13:50:21","modified_gmt":"2026-09-14T11:50:21","slug":"lakal","status":"publish","type":"case_study","link":"https:\/\/www.360vier.de\/en\/case-study\/lakal\/","title":{"rendered":"Lakal: A Modern Online Experience for Specialized Trade"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Over 100 Years of Craftsmanship Tradition with a New Protected Service Area for Trade Partners<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.lakal.de\/\" data-type=\"link\" data-id=\"https:\/\/www.lakal.de\/\" target=\"_blank\" rel=\"noopener\">LAKAL GmbH<\/a> from Saarlouis has stood for high-quality roller shutter, door, sun protection, and insect screen technology for over 100 years. The relaunch was driven by the need for clearer user guidance and stronger integration of trade partners. In this context, the exclusive service area &#8220;MyLAKAL&#8221; was introduced, providing specialized dealers with login-protected access to materials, products, and services. The platform runs on WordPress with the Gutenberg editor.   <\/p>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1533\" height=\"889\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp\" alt=\"\" class=\"wp-image-33093\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp 1533w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-300x174.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-768x445.webp 768w\" sizes=\"auto, (max-width: 1533px) 100vw, 1533px\" \/><\/figure>\n\n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull is-style- has-dark-gradient-background has-background is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-030eddf1 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignfull has-h-3-font-size\">Objectives in the Balance Between Brand Impact and Service Access<\/h2>\n\n\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>User-centered information architecture for trade partners and other target groups \u2013 intuitive navigation, clear structure<\/li>\n\n\n\n<li>Modern technical foundation: WordPress with Gutenberg, multistep contact form, micro-interactions to increase engagement<\/li>\n\n\n\n<li>Optimization of conversion and consultation processes for trade partners and end customers<\/li>\n\n\n\n<li>Integration of a specialized dealer login area<\/li>\n\n\n\n<li>Unified brand presence according to new corporate design<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1247\" height=\"742\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Nutzerfuerung-Designsystem-360vier-digitalagentur-referenz-case-1.webp\" alt=\"\" class=\"wp-image-33195\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Nutzerfuerung-Designsystem-360vier-digitalagentur-referenz-case-1.webp 1247w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Nutzerfuerung-Designsystem-360vier-digitalagentur-referenz-case-1-300x179.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Nutzerfuerung-Designsystem-360vier-digitalagentur-referenz-case-1-768x457.webp 768w\" sizes=\"auto, (max-width: 1247px) 100vw, 1247px\" \/><\/figure>\n\n\n\n<div style=\"height:0.4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-dhsv-akkordeon\">\n        <accordion-group\n        class=\"has-active-bg-solid\"\n                                 name=\"block-8a14966f-bfb1-4864-acc1-7521854f5440\"     >\n        \n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-8fc45b78\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Technical Implementation<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">The website is based on WordPress and uses the Gutenberg editor as its content management system. This allows flexible creation and maintenance of pages by the internal marketing and digital team. The login area &#8220;MyLAKAL&#8221; was implemented as a password-protected section. Trade partners receive access to product innovations, marketing materials, and services. A multistep form on the contact page guides users systematically through the inquiry process and ensures they are directed to the appropriate point of contact via relevant link suggestions and\/or the correct form.    <\/p>\n\n\n        <\/div>\n    <\/details>\n\n    <\/accordion-group>\n<\/div> \n\n<div class=\"wp-block-dhsv-akkordeon\">\n        <accordion-group\n        class=\"has-active-bg-solid\"\n                                 name=\"block-ee9197ba-94a0-4cb9-b97c-8a8f3dc6d728\"     >\n        \n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-5820d935\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Design Approach<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">The visual implementation follows LAKAL&#8217;s new corporate design and translates its strong, distinctive formal language into the digital realm. Generous white space, clear typography, and strategically deployed accent colors \u2013 <br\/>specific to each product category \u2013 create a modern, structured appearance. Deliberately implemented micro-interactions increase user engagement and convey a dynamic brand presence.  <\/p>\n\n\n        <\/div>\n    <\/details>\n\n    <\/accordion-group>\n<\/div> \n\n<div class=\"wp-block-dhsv-akkordeon\">\n        <accordion-group\n        class=\"has-active-bg-solid\"\n                                 name=\"block-4800378b-3f57-4480-9dc4-a561123e99b5\"     >\n        \n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-1efddefc\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Structure and User Guidance<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">The focus is on supporting specialized dealers: The navigation is clearly oriented toward consultation, product information, and service access. Communication with potential end customers occurs exclusively through specialized trade \u2013 accordingly, end users are systematically redirected when interested. The clear page architecture enables intuitive orientation for all target groups without distracting from the central B2B focus.  <\/p>\n\n\n        <\/div>\n    <\/details>\n\n    <\/accordion-group>\n<\/div> \n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading has-h-2-font-size\">A Strong Digital Foundation<\/h2>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\">LAKAL&#8217;s new web presence positions the brand significantly stronger digitally and specifically supports specialized trade. The protected login area increases service quality and strengthens trade partner relationships. Design, technology, and user guidance systematically interlock to create a future-proof foundation for additional digital services.  <\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Scalable platform for the next stage of digitalization: <\/strong>As part of the ongoing digital strategy, expansion steps such as the introduction of a single sign-on system are planned, intelligently connecting the website, mobile app, web shop, and the central AS400 system. The established technical foundation enables seamless integration of such interfaces and targeted platform development. Conceived and realized by our <a href=\"https:\/\/www.360vier.de\/digital-platforms\/wordpress-agentur\/\" data-type=\"page\" data-id=\"33482\">WordPress agency<\/a>.  <\/p>\n<section class=\"slider-container  text-default align\">\n    <div\n        class=\"dhsv-slider splide alignfull  with-space\"\n        aria-label=\"\"\n        data-splide=\"{&quot;type&quot;:&quot;slide&quot;,&quot;autoplay&quot;:true,&quot;autoWidth&quot;:false,&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;destroy&quot;:false,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;destroy&quot;:false},&quot;1024&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;destroy&quot;:false},&quot;1500&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;destroy&quot;:false}}}\"\n    >\n        <div class=\"splide__track\">\n            <div class=\"splide__list\">\n                \n<div class=\"dhsv-slider-item splide__slide\">\n\t\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1720\" height=\"1000\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case.webp\" alt=\"\" class=\"wp-image-33184\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case.webp 1720w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case-300x174.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case-1600x930.webp 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case-768x447.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-Mobile-ansicht-authentisches-Designsystem-360vier-digitalagentur-referenz-case-1536x893.webp 1536w\" sizes=\"auto, (max-width: 1720px) 100vw, 1720px\" \/><\/figure>\n\n\n<\/div>\n\n\n<div class=\"dhsv-slider-item splide__slide\">\n\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1720\" height=\"1000\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-MyLAKAL-Formular-Designsystem-360vier-digitalagentur-referenz-case.webp\" alt=\"\" class=\"wp-image-33182\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-MyLAKAL-Formular-Designsystem-360vier-digitalagentur-referenz-case.webp 1720w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-MyLAKAL-Formular-Designsystem-360vier-digitalagentur-referenz-case-300x174.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-MyLAKAL-Formular-Designsystem-360vier-digitalagentur-referenz-case-1600x930.webp 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-MyLAKAL-Formular-Designsystem-360vier-digitalagentur-referenz-case-768x447.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-MyLAKAL-Formular-Designsystem-360vier-digitalagentur-referenz-case-1536x893.webp 1536w\" sizes=\"auto, (max-width: 1720px) 100vw, 1720px\" \/><\/figure>\n\n\n<\/div>\n\n\n<div class=\"dhsv-slider-item splide__slide\">\n\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1720\" height=\"1000\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Produktansicht-Ruka-Designsystem-360vier-digitalagentur-referenz-case.webp\" alt=\"\" class=\"wp-image-33183\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Produktansicht-Ruka-Designsystem-360vier-digitalagentur-referenz-case.webp 1720w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Produktansicht-Ruka-Designsystem-360vier-digitalagentur-referenz-case-300x174.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Produktansicht-Ruka-Designsystem-360vier-digitalagentur-referenz-case-1600x930.webp 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Produktansicht-Ruka-Designsystem-360vier-digitalagentur-referenz-case-768x447.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-website-features-ui-design-Produktansicht-Ruka-Designsystem-360vier-digitalagentur-referenz-case-1536x893.webp 1536w\" sizes=\"auto, (max-width: 1720px) 100vw, 1720px\" \/><\/figure>\n\n\n<\/div>\n\n\n            <\/div>\n        <\/div>\n\n        <div class=\"splide__dragable-pagination\"><\/div>\n    <\/div>\n<\/section>\n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-group alignfull is-style-with-space-xl has-light-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-style-with-space-xl is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"is-image-left has-subline has-image alignnone wp-block-dhsv-cta\">\n            <img loading=\"lazy\" decoding=\"async\"\n            class=\"image\"\n            src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/hans-mengler-team-360vier.webp\"\n            alt=\"Hans Mengler\"\n             width=\"740\"              height=\"740\"         >\n        <div class=\"content with-bg bg-dark-gradient\">\n        <div class=\"content--body\">\n                            <h2 class=\"content--title\">Platforms with Public Responsibility<\/h2>\n                                        <p class=\"content--subline\">You are responsible for a platform with social responsibility \u2013 municipal housing association, public utilities, public holding company, university? We can certainly help.  <\/p>\n                    <\/div>\n        <div class=\"content--footer\">\n            <div class=\"content--person\">\n                                    <p class=\"content--description\">Hans Mengler<\/p>\n                                                    <p class=\"content--role\">Managing Director<\/p>\n                            <\/div>\n            <div class=\"content--actions\">\n                                    <a href=\"mailto:beratung@360vier.de\" class=\"dhsv-button tertiary cta-email-button\">\n                        <span class=\"email-label\">Email to Hans<\/span>\n                        <span class=\"icon email-icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M18.3346 1.66406L9.16797 10.8307\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <path d=\"M18.3346 1.66406L12.5013 18.3307L9.16797 10.8307L1.66797 7.4974L18.3346 1.66406Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg><\/span>\n                    <\/a>\n                                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":39091,"template":"","class_list":["post-39084","case_study","type-case_study","status-publish","has-post-thumbnail","hentry"],"acf":[],"featured_image":{"url":"https:\/\/www.360vier.de\/wp-content\/uploads\/lakal-b2b-website-hero-case-360vier.webp","width":1600,"height":936,"alt":"","caption":"","sizes":{"medium":{"file":"lakal-b2b-website-hero-case-360vier-300x176.webp","width":300,"height":176,"mime-type":"image\/webp","filesize":14224},"thumbnail":{"file":"lakal-b2b-website-hero-case-360vier-250x250.webp","width":250,"height":250,"mime-type":"image\/webp","filesize":15852},"medium_large":{"file":"lakal-b2b-website-hero-case-360vier-768x449.webp","width":768,"height":449,"mime-type":"image\/webp","filesize":54484},"1536x1536":{"file":"lakal-b2b-website-hero-case-360vier-1536x899.webp","width":1536,"height":899,"mime-type":"image\/webp","filesize":130300}}},"related_client":38807,"related_client_name":"LAKAL","mood_image":{"url":"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4.jpg","width":2472,"height":1619,"alt":"","caption":"","sizes":{"medium":{"file":"Lakal-header-mockup_4-300x196.jpg","width":300,"height":196,"mime-type":"image\/jpeg","filesize":18590},"large":{"file":"Lakal-header-mockup_4-1600x1048.jpg","width":1600,"height":1048,"mime-type":"image\/jpeg","filesize":143694},"thumbnail":{"file":"Lakal-header-mockup_4-250x250.jpg","width":250,"height":250,"mime-type":"image\/jpeg","filesize":21068},"medium_large":{"file":"Lakal-header-mockup_4-768x503.jpg","width":768,"height":503,"mime-type":"image\/jpeg","filesize":49063},"1536x1536":{"file":"Lakal-header-mockup_4-1536x1006.jpg","width":1536,"height":1006,"mime-type":"image\/jpeg","filesize":134626},"2048x2048":{"file":"Lakal-header-mockup_4-2048x1341.jpg","width":2048,"height":1341,"mime-type":"image\/jpeg","filesize":210458}}},"_links":{"self":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/case_study\/39084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/types\/case_study"}],"version-history":[{"count":1,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/case_study\/39084\/revisions"}],"predecessor-version":[{"id":39092,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/case_study\/39084\/revisions\/39092"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/media\/39091"}],"wp:attachment":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/media?parent=39084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}