{"id":10511,"date":"2026-05-31T15:46:22","date_gmt":"2026-05-31T13:46:22","guid":{"rendered":"https:\/\/loehn-digital.com\/project\/koco-motion-webseite\/"},"modified":"2026-06-22T13:08:05","modified_gmt":"2026-06-22T11:08:05","slug":"koco-motion-webseite","status":"publish","type":"project","link":"https:\/\/loehn-digital.com\/en\/project\/koco-motion-webseite\/","title":{"rendered":"KOCO MOTION: Custom FSE Website with MariaDB Product Catalog Integration"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Custom FSE Website with Product Catalog Integration<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Loehn Digital developed a <strong><a href=\"https:\/\/loehn-digital.com\/webdevelopment\/individuelle-entwicklung\/\">custom website<\/a><\/strong> for <strong>KOCO MOTION<\/strong>, built on WordPress Full Site Editing. The challenge of this project was the direct integration with the company\u2019s own product database and a product catalog with technical data sheets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> The platform translates the technical portfolio of the drive specialist into a clear, sales-driven online presence, connecting web development, product data and online marketing into a single system.<\/p>\n\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3588 \/ 2160;\" width=\"3588\" autoplay loop muted src=\"https:\/\/loehn-digital.com\/wp-content\/uploads\/2024\/12\/Koco_website_overview.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">Kocomotion.de &#8211; Landing page overview<\/figcaption><\/figure>\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ausgangslage-komplexe-antriebstechnik-braucht-eine-klare-digitale-b\u00fchne\">Starting point: Complex drive technology needs a clear digital stage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.kocomotion.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">KOCO MOTION<\/a> is a system house for electric drives and motion control solutions \u2014 a portfolio that requires explanation, with dozens of motor types, technical specifications and custom adaptations.\u00a0<strong>The challenge:<\/strong>\u00a0The existing website did not reflect this depth. Prospects found it difficult to find the right drive, technical details were scattered, and product data had to be maintained manually in two systems \u2014 the MariaDB database and the website.<\/p>\n\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3632 \/ 2160;\" width=\"3632\" autoplay muted src=\"https:\/\/loehn-digital.com\/wp-content\/uploads\/2024\/12\/koko_stepper_filter_Google_Chrome_2026-04-27_14-20-13.mp4\" playsinline><\/video><\/figure>\n\n\n\n\n<p class=\"wp-block-paragraph\">The new\u00a0<strong>KOCO MOTION website<\/strong>\u00a0was not meant to hide this complexity, but to make it manageable: visitors need to find the right motor quickly, access technical data reliably and submit targeted inquiries.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom FSE Theme from Scratch<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">Solution: Custom FSE Theme, MariaDB Plugin and Product Catalog<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Loehn Digital developed a <strong>fully custom theme<\/strong> based on WordPress Full Site Editing (FSE) \u2014 from scratch, without a page builder. This provided full control over every element from the header to the product page and allowed the <strong>KOCO MOTION<\/strong> brand to be implemented consistently. The process started with wireframes and a two-day workshop in which target audiences, markets and goals were refined together with the KOCO team.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MariaDB Product Database Integration<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The technical core<\/strong>\u00a0is the integration with the company\u2019s own\u00a0<strong>MariaDB product database<\/strong>. Instead of maintaining content manually, a custom plugin was developed that automatically fetches technical specifications, images and prices from the database and displays them in the right places on the website. This saves significant time in day-to-day operations, avoids transfer errors and keeps the website always up to date with the data source. The interface is designed to be flexible and scalable, so future changes to the product portfolio can grow with it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"requirements-questionnaire\">Requirements Questionnaire<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A <strong>4-step technical form<\/strong> (General \u2192 Mechanical \u2192 Electrical \u2192 Commercial &amp; Contact) functions as a product configurator and lead form. Customers specify motor type, torque, speed, voltage and dimensions \u2014 the sales team receives structured project requirements instead of vague inquiries.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pdf-family-generator\">PDF Family Generator<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On every product detail page, visitors can generate a bundled PDF with the technical data sheets of all variants of a product family.<\/p>\n\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1816 \/ 1080;\" width=\"1816\" autoplay loop muted src=\"https:\/\/loehn-digital.com\/wp-content\/uploads\/2024\/12\/Koco_Requirements_Questionnaire_Google_Chrome_2026-04-28_09-42-13.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\"><strong>Requirements Questionnaire<\/strong>\u00a0\u2013 4-step lead form with product configurator<\/figcaption><\/figure>\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"technische-highlights-der-koco-motion-website\">Technical Highlights of the KOCO MOTION Website<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Custom FSE theme<\/strong> \u201cfrom scratch\u201d \u2014 full design control without a page builder<\/li>\n\n\n\n<li><strong>Custom plugin<\/strong>\u00a0for automatic product database synchronization<\/li>\n\n\n\n<li><strong>Requirements Questionnaire<\/strong>\u00a0\u2014 4-step lead form with product configurator<\/li>\n\n\n\n<li><strong>PDF Family Generator<\/strong>\u00a0\u2014 automatically bundled technical data sheets<\/li>\n\n\n\n<li><strong>Public product catalog<\/strong>\u00a0with search function and download area<\/li>\n\n\n\n<li><strong>Performance-optimized frontend<\/strong>\u00a0according to current web standards<\/li>\n\n\n\n<li><strong>Premium hosting<\/strong>\u00a0with 99.9% uptime, maintenance and updates<\/li>\n<\/ul>\n\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3588 \/ 2160;\" width=\"3588\" autoplay loop muted src=\"https:\/\/loehn-digital.com\/wp-content\/uploads\/2024\/12\/Koco_qualitaets-und-umweltmanagement.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">Certification, quality and environmental management<\/figcaption><\/figure>\n\n\n\n\n<h2 class=\"wp-block-heading\">Result: From Product Catalog to Digital Sales Platform<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>KOCO MOTION<\/strong> website turns a technically demanding portfolio into a clear digital orientation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Automated product data:<\/strong>\u00a0Technical specifications flow from the MariaDB directly into the website \u2014 no manual double maintenance, no transfer errors<\/li>\n\n\n\n<li><strong>Faster product search:<\/strong>\u00a0Clear categories and filters guide prospects to the right drive in seconds<\/li>\n\n\n\n<li><strong>Qualified inquiries:<\/strong>\u00a0The Requirements Questionnaire captures project requirements in a structured way \u2014 the sales team receives concrete leads instead of vague inquiries<\/li>\n\n\n\n<li><strong>Comprehensive self-service information:<\/strong>\u00a0Technical data sheets, catalogs and product specifications are available for download without barriers; <\/li>\n\n\n\n<li>a <strong>PDF Family Generator<\/strong> bundles all variants of a product family into one document<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Combined with an <a href=\"https:\/\/loehn-digital.com\/en\/project\/koco-motion-seo-marketing\/\">SEO content and Google Ads campaign<\/a>, a cohesive sales system was created \u2014 not just a website, but a platform that generates visibility, channels inquiries and positions the <strong>KOCO MOTION<\/strong> brand in the digital B2B space.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":11033,"template":"","project_type":[201,34,35,36,41],"class_list":["post-10511","project","type-project","status-publish","has-post-thumbnail","hentry","project_type-individuelle-entwicklung","project_type-development","project_type-web-development","project_type-ui-ux","project_type-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/project\/10511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/media\/11033"}],"wp:attachment":[{"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/media?parent=10511"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/project_type?post=10511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}