Projekt-Details

Sultan Defense — Mehrsprachige B2B-Plattform für die Verteidigungsversorgung

Eine mehrsprachige B2B-Plattform, die Verteidigungsproduktkataloge, Lieferantennetzwerke, Export-Compliance-Informationen und detaillierte RFQ-Workflows kombiniert.

Kunde

Sultan Defense Ltd., Co.

Start

04 Jun 2026

Abgeschlossen

Sultan Defense — Mehrsprachige B2B-Plattform für die Verteidigungsversorgung – Benutzeroberfläche und Projektansicht
Beschreibung

Eine mehrsprachige B2B-Plattform, die Verteidigungsproduktkataloge, Lieferantennetzwerke, Export-Compliance-Informationen und detaillierte RFQ-Workflows kombiniert.

Fallstudie

Herausforderung

Einkäufer im Verteidigungsbereich legen keine Produkte in einen Warenkorb; sie wollen zuerst die Seriosität des Lieferanten, die Abläufe zu EUC und Exportgenehmigung sowie die Lieferbedingungen sehen. Sultan Defense musste Einkäufer in mehreren Regionen in ihrer Sprache erreichen und dem Vertrieb Anfragedaten liefern, die für ein Angebot vollständig genug sind.

Vorgehen

Wir haben den Katalog auf 10 Kategorien und 33 Herstellerseiten aufgebaut und Exportkonformität sowie DDP-Umfang auf eigenen Seiten erläutert. Dazu kam ein vierteiliges RFQ-Formular mit Menge, Zielland, Verwendungsart und Lieferbedingung sowie ein Angebotsmodul in Fastify-API und Next.js-Panel, das Anfragen nach Status verfolgt und PDF-Angebote erzeugt und versendet.

Ergebnis

Die Plattform ist unter sultandefense.com auf Englisch, Deutsch, Arabisch und Russisch online. Jede Angebotsanfrage erreicht das Panel strukturiert, und neue Hersteller, Kategorien und Inhalte lassen sich ohne Codeänderung über Panel und Seed-Daten ergänzen.

Tools

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

Hauptfunktionen
  • 10 Hauptkategorien, 33 Hersteller- und Lieferantenseiten

  • 4 Sprachen: Englisch, Deutsch, Arabisch (RTL), Russisch

  • RFQ-Formular mit Einkäufer-, Produkt- und Lieferteil

  • PDF-Angebot und E-Mail-Versand per Klick im Panel

  • Eigene Seiten zu EUC, Exportkonformität und DDP

  • Registerkarten für technische Daten, FAQ und Bewertungen

  • KI-gestützte Übersetzung und Meta-Erstellung

  • Strukturierte Daten für Product, Service und Breadcrumb

  • Reproduzierbarer Datenbankaufbau per Seed-SQL

Verwendete Technologien
  • Next.js 16

  • React 19

  • TypeScript

  • Fastify

  • Bun

  • Drizzle ORM

  • MySQL

  • next-intl

Design-Highlights
  • Theme „Imperial Armor“: Anthrazit, Titan, mattes Gold und Bordeaux

  • Semantische Token-Architektur; Hell- und Dunkelmodus aus einer Quelle

  • Vollständiges Rechts-nach-links-Layout (RTL) für Arabisch

  • Produktname wird von der Produktseite ins Anfrageformular übernommen

  • Formularabschnitte entlang der Fragen eines Einkaufsspezialisten

Details

Sultan Defense Ltd., Co. ist ein Beschaffungs- und Exportunternehmen, das die Kapazitäten türkischer Verteidigungshersteller mit Streitkräften, Sicherheitsbehörden, Distributoren und institutionellen Einkaufsteams im Ausland zusammenbringt. Für dieses Projekt haben wir Produktportfolio, Lieferantennetzwerk und Exportprozess des Unternehmens in einer einzigen mehrsprachigen B2B-Plattform gebündelt: Einkäufer finden das Produkt, lesen die Exportbedingungen und senden eine strukturierte Angebotsanfrage (RFQ) mit allen technischen Details; das Unternehmen verwaltet sämtliche Anfragen in einem Admin-Panel.

Projektkontext und Anforderungen

In der Verteidigungsbeschaffung legen Einkäufer keine Produkte in einen Warenkorb wie im klassischen E-Commerce. Zuerst wollen sie die Seriosität des Lieferanten, den Umfang der Produktgruppe, die Abläufe rund um End-User Certificate (EUC) und Exportgenehmigung sowie die Lieferbedingungen prüfen. Erst dann fragen sie ein Angebot mit Menge, Zielland und technischer Spezifikation an. Genau das brauchte Sultan Defense: eine Plattform, die Einkäufer im Nahen Osten, in Afrika, Zentralasien und auf dem Balkan in ihrer Sprache erreicht, institutionelles Vertrauen vermittelt und dem Vertrieb vollständige Anfragedaten liefert.

Lösung und Umfang

Produktkatalog und Lieferantennetzwerk

Der Katalog basiert auf 10 Hauptkategorien: Ballistischer Schutz, Kommunikations- und Führungselektronik, containerisierte Feldküchen und Unterstützungseinheiten, Feldlogistik, Marine- und Schiffssysteme, Energie, Batterien und Generatoren, Schutzschilde und Einsatzausrüstung für Ordnungskräfte, Überwachung, Sensorik und Sicherheit, taktische Ausrüstung und Textilien sowie Trainings- und Simulationssoftware. Auf der Live-Website sind derzeit 33 Hersteller- und Lieferantenseiten in diesen Kategorien veröffentlicht, jeweils mit Produktbildern, Beschreibung, technischer Datentabelle, verwandten Produkten und Galerien. Wechselt ein Einkäufer von einer Produktseite zum Anfrageformular, ist der Produktname bereits eingetragen.

Kompetenzen und Export

Vier Leistungsseiten erklären die Arbeitsweise des Unternehmens: Strategische Beschaffung und Herstellerkoordination, Exportkonformität und EUC-Management, Qualitätssicherung und Werksabnahme sowie globale Logistik und sichere Zustellung. Eine eigene Exportseite beschreibt den DDP-Umfang (Delivered Duty Paid) für geeignete Produkte und genehmigte Zielländer, die erforderlichen Dokumente und die belieferten Regionen. Ergänzt wird dies durch Über uns, Zertifizierungen, Lösungen, FAQ, News, Galerie, Referenzen, eine Seitensuche und vier Rechtstexte (Datenschutz, Nutzungsbedingungen, Cookies, PDPL-Informationspflicht).

Strukturiertes RFQ-Formular

Das Anfrageformular bündelt die Fragen, die ein Einkaufsspezialist im Erstgespräch stellen würde, in vier Abschnitten: Angaben zum Einkäufer (Name, Unternehmen, Position, Land, E-Mail, Telefon, Website), Produktanfrage (Kategorie, Produktname, geschätzte Menge, Verwendungsart, technische Spezifikation), Lieferung (Zielland, Lieferort, bevorzugte Lieferbedingung, DDP-Bedarf, Beschaffungszeitraum) sowie eine zusätzliche Nachricht mit Einwilligung. Die Verwendungsart wird nach Distributor, Behörde, Sicherheit, Militär, humanitärer Einsatz und Wiederverkäufer klassifiziert, sodass der Vertrieb eine Anfrage auf einen Blick priorisieren kann.

Admin-Panel

Ein Next.js-Admin-Panel auf einer eigenen Subdomain deckt sämtliche Inhalte ab. Produkte werden in einem Editor mit Registerkarten gepflegt: sprachspezifische Inhalte, technische Daten, produktbezogene FAQ und Bewertungen haben jeweils eine eigene Registerkarte. Auch Kategorien und Unterkategorien, Leistungen, Galerie, Referenzen, eigene Seiten (News, Über uns, Rechtstexte), Menüpunkte, Website-Einstellungen, E-Mail-Vorlagen, Medienspeicher, Kontaktnachrichten, Newsletter-Abonnenten, Benutzer und Audit-Protokolle werden im Panel verwaltet.

Das Angebotsmodul bildet den gesamten Lebenszyklus einer Anfrage ab: Eingehende RFQs werden nach Status gelistet, Administratoren werden benachrichtigt, und per Klick lässt sich ein PDF-Angebot erzeugen und an den Kunden mailen – alternativ eine vorlagenbasierte Direkt-E-Mail. Ein KI-gestützter Assistent in den Inhaltseditoren beschleunigt das Überarbeiten von Texten, die Übersetzung in die anderen Sprachen und das Erstellen von Meta-Titeln und -Beschreibungen. Eine Cache-Ansicht revalidiert Seiten, damit veröffentlichte Änderungen sofort auf der Website erscheinen.

Technische Architektur

  • Frontend: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4, React Query, React Hook Form und Zod.
  • API: Fastify 5 auf Bun mit Drizzle ORM und MySQL; JWT-Authentifizierung, Rollenverwaltung und Swagger-Dokumentation.
  • Datenmodell: Tabellen für Kategorien, Produkte, technische Daten, FAQ, Galerie, Leistungen, Referenzen, Angebote und Einstellungen mit sprachspezifischen Übersetzungstabellen; die gesamte Installation lässt sich aus Seed-SQL-Dateien reproduzierbar aufbauen.
  • Mehrsprachigkeit: next-intl mit Englisch (Standard), Deutsch, Arabisch und Russisch. Arabische Seiten werden von rechts nach links (RTL) dargestellt; frühere türkische URLs werden dauerhaft auf die englischen Entsprechungen umgeleitet.
  • SEO: hreflang und x-default auf jeder Seite, eine Sitemap mit über 280 URLs in vier Sprachen, strukturierte Daten für Organization, Product, Service, BreadcrumbList und WebSite/SearchAction sowie dynamische Open-Graph-Bilder.
  • Qualitätssicherung: automatisierte Prüfskripte für SEO, Theme-Tokens, Medien-SEO und Release-HTML, eine Lighthouse-CI-Konfiguration und ein Web-Vitals-Messendpunkt.

Designsprache

Die Oberfläche basiert auf einem tokenbasierten Theme, das wir „Imperial Armor“ nennen: Anthrazit- und Titanflächen, mattes Gold für Hauptakzente und Call-to-Actions, tiefes Bordeaux für kleine Hervorhebungen. Komponenten verwenden keine festen Farben, sondern semantische Tokens; Hell- und Dunkelmodus werden so aus einer einzigen Quelle gesteuert.

Integrationen

Anfrage- und Kontaktprozesse nutzen SMTP-Versand über Nodemailer, serverseitige PDF-Erzeugung für Angebotsdokumente, eine Groq-kompatible Sprachmodell-API für den Inhaltsassistenten und ein Google-Ads-Tag, das Angebotsanfragen als Conversions misst. Die Plattform läuft auf einem VPS hinter Nginx mit PM2; Website, API und Admin-Panel sind getrennte Prozesse.

Ergebnis

Sultan Defense ist heute unter sultandefense.com in vier Sprachen online. Das Unternehmen kann Produktgruppen, Lieferantennetzwerk und Exportkompetenz internationalen Einkäufern in ihrer Sprache präsentieren, und jede Anfrage erreicht das Panel mit Menge, Zielland und Lieferangaben, die für ein Angebot nötig sind. Neue Hersteller, Kategorien oder Sprachen lassen sich ohne Codeänderung über Panel und Seed-Daten ergänzen.