{"id":3104,"date":"2026-05-31T15:46:22","date_gmt":"2026-05-31T13:46:22","guid":{"rendered":"https:\/\/loehn-digital.com\/?post_type=project&#038;p=3104"},"modified":"2026-06-17T14:00:13","modified_gmt":"2026-06-17T12:00:13","slug":"koco-motion-webseite","status":"publish","type":"project","link":"https:\/\/loehn-digital.com\/en\/project\/koco-motion-webseite\/","title":{"rendered":"KOCO MOTION: Individuelle FSE-Website mit durchdachter MariaDB-Anbindung"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Individuelle FSE-Website und Anbindung an den Produktkatalog<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr\u00a0<strong>KOCO MOTION<\/strong>\u00a0entwickelte Loehn Digital eine <strong><a href=\"\/webdevelopment\/individuelle-entwicklung\/\">individuelle Website<\/a>,\u00a0<\/strong>auf Basis von WordPress Full Site Editing. Bei diesem Projekt lag die Herausforderung bei der direkter Anbindung an die firmeneigene Produktdatenbank und einem Produktkatalog mit technischen Datenbl\u00e4ttern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> Die Plattform \u00fcbersetzt das technische Portfolio des Antriebsspezialisten in eine klare, vertriebsstarke Online-Pr\u00e4senz und verbindet Webentwicklung, Produktdaten und Online-Marketing zu einem System.<\/p>\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 \u00dcbersicht<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ausgangslage-komplexe-antriebstechnik-braucht-eine-klare-digitale-b\u00fchne\">Ausgangslage: Komplexe Antriebstechnik braucht eine klare digitale B\u00fchne<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.kocomotion.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">KOCO MOTION<\/a> ist Systemhaus f\u00fcr elektrische Antriebe und Motion-Control-L\u00f6sungen \u2013 ein erkl\u00e4rungsbed\u00fcrftiges Portfolio mit Dutzenden Motortypen, technischen Spezifikationen und kundenspezifischen Anpassungen.&nbsp;<strong>Die Herausforderung:<\/strong>&nbsp;Die bestehende Website bildete diese Tiefe nicht ab. Interessenten fanden schwer den passenden Antrieb, technische Details waren verstreut, und Produktdaten mussten manuell in zwei Systemen gepflegt werden \u2013 in der MariaDB-Datenbank und auf der Website.<\/p>\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<p class=\"wp-block-paragraph\">Die neue&nbsp;<strong>KOCO MOTION Website<\/strong>&nbsp;sollte diese Komplexit\u00e4t nicht verstecken, sondern beherrschbar machen: Besucher m\u00fcssen den richtigen Motor schnell finden, technische Daten verl\u00e4sslich abrufen und gezielt anfragen k\u00f6nnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Individuelles FSE-Theme from Scratch<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">L\u00f6sung: Individuelles FSE-Theme, MariaDB-Plugin und Produktkatalog<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Loehn Digital entwickelte ein\u00a0<strong>vollst\u00e4ndig individuelles Theme<\/strong>\u00a0auf Basis von WordPress Full Site Editing (FSE) \u2013 from scratch, ohne Page-Builder. Das gab volle Kontrolle \u00fcber jedes Element vom Header bis zur Produktseite und erlaubte es, die Marke\u00a0<strong>KOCO MOTION<\/strong>\u00a0konsequent umzusetzen. Der Prozess startete mit Wireframes und einem zweit\u00e4gigen Workshop, in dem Zielgruppen, M\u00e4rkte und Ziele gemeinsam mit dem KOCO-Team gesch\u00e4rft wurden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MariaDB-Produktdatenbank-Anbindung<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Das technische Herzst\u00fcck<\/strong>&nbsp;ist die Anbindung an die firmeneigene&nbsp;<strong>MariaDB-Produktdatenbank<\/strong>. Statt Inhalte manuell zu pflegen, wurde ein individuelles Plugin entwickelt, das technische Spezifikationen, Bilder und Preise automatisch aus der Datenbank zieht und an den richtigen Stellen der Website ausspielt. Das spart im Tagesgesch\u00e4ft erheblich Zeit, vermeidet \u00dcbertragungsfehler und h\u00e4lt die Website immer am aktuellen Stand der Datenquelle. Die Schnittstelle ist flexibel und skalierbar angelegt, sodass k\u00fcnftige \u00c4nderungen am Produktportfolio mitwachsen.<\/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\">Ein&nbsp;<strong>4-stufiges technisches Formular<\/strong>&nbsp;(General \u2192 Mechanical \u2192 Electrical \u2192 Commercial &amp; Contact) fungiert als Produktkonfigurator und Lead-Formular. Kunden spezifizieren Motortyp, Drehmoment, Drehzahl, Spannung und Abmessungen \u2013 das Vertriebsteam erh\u00e4lt strukturierte Projektanforderungen statt vager Anfragen.<\/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\">Auf jeder Produktdetailseite k\u00f6nnen Besucher ein geb\u00fcndeltes PDF mit den technischen Datenbl\u00e4ttern aller Varianten einer Produktfamilie generieren.<\/p>\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-stufiges Lead-Formular mit Produktkonfigurator<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"technische-highlights-der-koco-motion-website\">Technische Highlights der KOCO MOTION Website<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Individuelles FSE-Theme<\/strong>\u00a0\u201efrom scratch&#8221; \u2013 volle gestalterische Kontrolle ohne Page-Builder<\/li>\n\n\n\n<li><strong>Custom-Plugin<\/strong>\u00a0zur automatischen Synchronisation der Produktdatenbank<\/li>\n\n\n\n<li><strong>Requirements Questionnaire<\/strong>\u00a0\u2013 4-stufiges Lead-Formular mit Produktkonfigurator<\/li>\n\n\n\n<li><strong>PDF-Family-Generator<\/strong>\u00a0\u2013 automatisch geb\u00fcndelte technische Datenbl\u00e4tter<\/li>\n\n\n\n<li><strong>\u00d6ffentlicher Produktkatalog<\/strong>\u00a0mit Suchfunktion und Download-Bereich<\/li>\n\n\n\n<li><strong>Performance-optimiertes Frontend<\/strong>\u00a0nach aktuellen Webstandards<\/li>\n\n\n\n<li><strong>Premium-Hosting<\/strong>\u00a0mit 99,9 % Uptime, Wartung und Updates<\/li>\n<\/ul>\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\">Zertifizierung, Qualit\u00e4ts und Umweltmanagement<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ergebnis: Vom Produktkatalog zur digitalen Vertriebsplattform<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die&nbsp;<strong>KOCO MOTION <\/strong>Website&nbsp;macht aus einem technisch anspruchsvollen Portfolio eine klare digitale Orientierung:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Automatisierte Produktdaten:<\/strong>&nbsp;Technische Spezifikationen flie\u00dfen aus der MariaDB direkt in die Website \u2013 keine manuelle Doppelpflege, keine \u00dcbertragungsfehler<\/li>\n\n\n\n<li><strong>Schnellere Produktsuche:<\/strong>&nbsp;Klare Kategorien und Filter f\u00fchren Interessenten in Sekunden zum passenden Antrieb<\/li>\n\n\n\n<li><strong>Qualifizierte Anfragen:<\/strong>&nbsp;Das Requirement-Questionnaire erfasst Projektanforderungen strukturiert \u2013 das Vertriebsteam bekommt konkrete Leads statt vager Anfragen<\/li>\n\n\n\n<li><strong>Umfassende Selbstinformation:<\/strong>&nbsp;Technische Datenbl\u00e4tter, Kataloge und Produktspezifikationen stehen ohne H\u00fcrde zum Download bereit; <\/li>\n\n\n\n<li>ein <strong>PDF-Family-Generator<\/strong> b\u00fcndelt alle Varianten einer Produktfamilie in ein Dokument<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In Kombination mit <a href=\"\/project\/koco-motion-seo-marketing\/\">SEO-Content und Google-Ads-Kampagne<\/a> entstand ein zusammenh\u00e4ngendes Vertriebssystem \u2013 keine reine Website, sondern eine Plattform, die Sichtbarkeit erzeugt, Anfragen kanalisiert und die Marke\u00a0<strong>KOCO MOTION<\/strong>\u00a0im digitalen B2B-Raum positioniert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":3105,"template":"","project_type":[201,34,35,36,41],"class_list":["post-3104","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\/3104","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\/3105"}],"wp:attachment":[{"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/media?parent=3104"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/loehn-digital.com\/en\/wp-json\/wp\/v2\/project_type?post=3104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}