Projekt-Details

Karbonkompozit — GFK- und Kohlefaser-B2B-Katalogplattform

Eine mehrsprachige B2B-Plattform, die zusammengesetzte Produktkataloge, industrielle Lösungen, technische Produktinformationen und projektbasierte Angebotsworkflows kombiniert.

Kunde

MOE Karbonkompozit

Start

01 Mar 2025

Abgeschlossen

Karbonkompozit — GFK- und Kohlefaser-B2B-Katalogplattform – Benutzeroberfläche und Projektansicht
Beschreibung

Eine mehrsprachige B2B-Plattform, die zusammengesetzte Produktkataloge, industrielle Lösungen, technische Produktinformationen und projektbasierte Angebotsworkflows kombiniert.

Fallstudie

Herausforderung

Die Kompositwerkstatt verkauft in Branchen, die wenig gemeinsam haben: von Kommunen und Freizeitparks über Landschaftsbau bis zu Verteidigung und Schienenverkehr. Die meisten Produkte werden nicht gelagert, sondern nach Maß und Lastenheft gefertigt. Anfragen enthielten oft nicht die technischen Angaben, die die Fertigung benötigt, was die Angebotserstellung verzögerte.

Vorgehen

Der Katalog wurde nach Branchenkategorien aufgebaut, jede Produktseite erhielt einen Abschnitt mit den für ein Angebot nötigen Angaben. Das Anfrageformular wurde in Reiter für Produkt, Service/Engineering und Ersatzteile gegliedert und um Felder für Werkstoff, Maße, Einsatzumgebung, Oberfläche und technische Dateien ergänzt. Der gemeinsame Ensotek-Backend-Kern wurde mit eigener Datenbank und eigenem Produkttyp angepasst.

Ergebnis

Die Website ist auf Türkisch und Englisch online; 13 Produkte, die Produktgalerie und Fachbeiträge pflegt das Team im Panel. Anfragen werden nummeriert und per E-Mail zugestellt, Formular-, Telefon- und WhatsApp-Conversions werden einwilligungsabhängig getrennt gemessen.

Tools

Next.js, React, TypeScript, Fastify, Bun, Drizzle ORM, MySQL, next-intl

Hauptfunktionen
  • 13 Kompositprodukte online in 7 Branchenkategorien

  • Anfrageformular mit Reitern Produkt / Engineering / Ersatzteile

  • Upload technischer Dateien: STEP, IGES, DXF/DWG, PDF

  • Felder für Werkstoff, Maße, Einsatzumgebung und Oberfläche

  • Nummerierte Anfragen mit E-Mail an Kunde und Verwaltung

  • Türkisch und Englisch mit eigenen URLs und Vorschaubildern

  • SEO-Titel aus dem Panel und dynamische llms.txt

  • Einwilligungsbasierte Conversion-Messung für GA4 und Ads

  • Admin-Panel mit Search-Console-, GA4- und Ads-Übersicht

Verwendete Technologien
  • Next.js

  • React

  • TypeScript

  • Fastify

  • Bun

  • Drizzle ORM

  • MySQL

  • next-intl

Design-Highlights
  • Technischer Anfrageprozess statt Warenkorb: Das Formular fragt ab, was die Fertigung braucht

  • Ehrliche Werkstoffkarten mit „projektabhängig“ statt ungeprüfter Festigkeitswerte

  • Eigenes 1200×630-Vorschaubild pro Seite und Sprache; getrennte TR/EN-Produktcollagen

  • Stockbilder entfernt; die Galerie zeigt nur echte Fertigungsfotos

  • Cookie-Einwilligung mit drei Optionen; ohne Werbe-Einwilligung wird kein Anzeigen-Tag geladen

Details

Karbonkompozit (MOE Kompozit) ist die B2B-Vertriebsseite einer Kompositwerkstatt in Kahramankazan bei Ankara, die Teile aus Kohlefaser, GFK (glasfaserverstärktem Polyester) und Glasfaser fertigt. Die Käufer sind keine Endkunden, sondern Kommunen, Betreiber von Freizeit- und Themenparks, Landschaftsbauer, Einkaufszentren und Eventveranstalter sowie Unternehmen aus der Zulieferkette für Verteidigung und Schienenfahrzeuge. Sie legen nichts in einen Warenkorb, sondern fragen mit Zeichnung, Maßen, Stückzahl und Liefertermin ein Angebot an. Genau auf diese Art des Einkaufs ist die Plattform ausgelegt.

Ausgangslage und Anforderungen

In der Kompositfertigung liegt kaum etwas auf Lager: Eine Fahrgeschäftskabine aus derselben Form ändert sich mit der Farbe, ein GFK-Container mit dem Volumen, ein Verteidigungsbauteil mit dem Lastenheft des Kunden. Die Website hatte zwei Aufgaben. Erstens sollte sie Produkte für sehr unterschiedliche Branchen in klaren Gruppen zeigen. Zweitens sollte sie aus einer vagen Preisanfrage eine technische Unterlage machen, die die Fertigung tatsächlich bewerten kann. Das ist ein grundlegend anderes Problem als bei den Ensotek-Kühlturm-Websites mit demselben Kern: Dort geht es um eine Produktfamilie mit Service- und Ersatzteilzyklus, hier muss Form- und Laminierkompetenz in Branchen verkauft werden, die wenig gemeinsam haben.

Lösung und Umfang

Branchenorientierter Produktkatalog

Der Katalog ist nach Kategorien gegliedert: Produkte für Kommunen (GFK-Abfallcontainer, Komposit-Abfallbehälter, GFK-Wassertank, Schutzgehäuse-Paneel, Glasfaser-Serviceabdeckung), Freizeitpark-Produkte (Fahrgeschäftskabinen, Sitze, Weihnachtsfiguren wie Rentier und Schlitten), Landschaftsbau (dekorative Pflanzkübel und Vasen), Kohlefaser-Produkte, Komposit-Paneele, Sonderfertigung (Komposit-Zugteile, Verteidigungskomponenten, Komposit-Sarg) sowie Formen und Teile. Aktuell sind 13 Produkte online. Jede Produktseite bietet eine Galerie, eine ausführliche technische Beschreibung, den Fertigungsumfang, Oberflächen- und Montageoptionen und einen Abschnitt, welche Angaben für ein Angebot benötigt werden.

Werkstoffe und Prozess

Die Startseite stellt Kohlefaser und Glasfaser/GFK nebeneinander; Werte wie Zugfestigkeit, Dichte und E-Modul werden bewusst als „projektabhängig“ ausgewiesen. Ohne geprüfte Testberichte wurden keine Festigkeitswerte veröffentlicht. Eine Prozess-Zeitleiste erklärt Engineering, Muster/Prototyp und Serienfertigung.

Technisches Anfrageformular

Die Angebotsseite hat drei Reiter: Produktanfrage, Service / Engineering und Ersatzteile. Bei einer Produktanfrage werden Produktkategorie (Kohlefaser, GFK/FRP, Glasfaser, Paneel/Platte, Profil/Rohr, Tank, Pflanzkübel/Landschaftsbau, Sonderteil), Branche, Stückzahl, Termin, Werkstoff, Maße, Einsatzumgebung und Oberfläche erfasst. Sie können PDF-, STEP-, IGES-, DXF/DWG- oder Bilddateien anhängen; diese werden hochgeladen und mit der Anfrage verknüpft. Jede Anfrage erhält eine Nummer, Kunde und Verwaltung bekommen eine E-Mail.

Galerie, Blog und Unternehmensseiten

Die Produktgalerie besteht aus echten Fertigungsfotos; ältere Galerien mit reinen Stockbildern wurden offline genommen und dauerhaft dorthin weitergeleitet. Der Blog veröffentlicht Fachbeiträge zu Werkstoffwahl und Angebotsvorbereitung: Auswahl von Kohlefaserteilen, GFK und Glasfaser im Angebot korrekt benennen, Musterabnahmeplan und modulares Design. Über uns, Kontakt, Referenzen und Rechtstexte laufen über dieselbe Inhaltsebene.

Admin-Panel

Über ein separates Next.js-Admin-Panel werden Produkte, Kategorien und Unterkategorien, Galerie, Blog und eigene Seiten, Menü und Footer, Referenzen, Bewertungen, Bibliotheksdokumente, Angebote und Anfragen, Kontaktnachrichten, Medienspeicher sowie Benutzer und Rollen verwaltet. Für das Marketing gibt es Übersichten zu Search Console, GA4 und Google Ads, URL-Prüfung, Social-Media-Posting und eine Gmail-Anbindung. Angebote lassen sich als PDF ausgeben; Audit-Protokolle und modulweiser Datenexport/-import sind ebenfalls enthalten.

Technische Architektur

  • Frontend: Next.js 16, React 19, TypeScript, Tailwind CSS v4, React Query; Türkisch und Englisch über next-intl, jeweils mit eigenem URL-Präfix.
  • Backend: Fastify 5 auf Bun, Drizzle ORM, MySQL, Zod-Validierung und JWT-geschützte Admin-Endpunkte. Produkt-, Kategorie-, Angebots-, Galerie- und CMS-Module stammen aus dem gemeinsamen Ensotek-Backend-Paket und werden über den eigenen Produkttyp kompozit gefiltert.
  • Datenmodell: Produkt-, Kategorie-, Galerie- und Seitentabellen haben jeweils eine eigene i18n-Tabelle; Angebote nutzen einen eigenen Nummernzähler. Das Projekt hat eine eigene Datenbank, deren Schema sich aus Seed-Dateien neu aufbauen lässt.
  • Markendaten: Logo, Firmenname und Kontaktdaten kommen aus den Website-Einstellungen; der Kundenname ist nicht als Fallback im Code hinterlegt.

SEO und Sichtbarkeit in KI-Suchen

Seitentitel, Beschreibungen und Vorschaubilder werden im Panel gepflegt. Ausgegeben werden strukturierte Daten für Organization, LocalBusiness, Product, Article, FAQPage, HowTo, BreadcrumbList und ImageGallery. Pro Seite und Sprache entsteht ein Vorschaubild in 1200×630, für die türkische und englische Startseite jeweils eine eigene Produktcollage. Eine dynamische llms.txt verbindet den Panel-Text mit echten Seitenlinks, die Sitemap enthält Sprachalternativen. Alte Adressen des entfernten Bereichs „Lösungen“ leiten per 301 auf passende Produkte und Kategorien weiter.

Integrationen

  • SMTP über Nodemailer: Kunden- und Admin-E-Mails für Angebote und Kontakt.
  • GA4 und Google Ads: Formular-, Telefon- und WhatsApp-Klicks werden als getrennte Conversions gemessen; eine Conversion zählt erst nach erfolgreicher Speicherung und nur einmal pro Datensatz.
  • Cookie-Einwilligung mit drei Optionen: ablehnen, nur Analyse, Analyse und Werbemessung. Ohne Werbe-Einwilligung wird kein Anzeigen-Tag geladen.
  • Anbindung an Search Console und Google Workspace, ein Gateway für Social-Media-Beiträge, Cloudinary/lokaler Medienspeicher.

Ergebnis und heutiger Stand

Die Website ist auf Türkisch und Englisch online; Produkte, Kategorien, Blogbeiträge und SEO-Texte pflegt das Team selbst im Panel. Prüfungen vor einer Veröffentlichung (SEO-Inventar, Medien-SEO, Vorschaubilder, Tests der Conversion-Messung) laufen reproduzierbar über Skripte. Als Nächstes werden bestehende Produktseiten wie der Kohlefaser-Paneel-Prototyp und der GFK-Wassertank um Angebots-Checklisten erweitert, ohne ungeprüfte Zertifikate oder Festigkeitswerte.