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

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.