Projekt-Details

Sultan Olive — Mehrsprachige Oliven und Olivenöl B2B-Plattform

Eine mehrsprachige B2B-Plattform, die Oliven-, Olivenöl- und Gourmet-Kataloge mit Private-Label-Produktionsinhalten und DDP-Angebotsworkflows kombiniert.

Kunde

Sultan Olive

Start

11 Jun 2026

Abgeschlossen

Sultan Olive — Mehrsprachige Oliven und Olivenöl B2B-Plattform – Benutzeroberfläche und Projektansicht
Beschreibung

Eine mehrsprachige B2B-Plattform, die Oliven-, Olivenöl- und Gourmet-Kataloge mit Private-Label-Produktionsinhalten und DDP-Angebotsworkflows kombiniert.

Fallstudie

Herausforderung

Exportkunden fragen nach Verpackung, Zertifikaten, Mustern und Lieferbedingungen und erwarten ein Angebot statt einer Preisliste. Ein breites Sortiment an Ölen und Tafeloliven musste internationalen Einkäufern in ihrer Sprache und konsequent anfrageorientiert präsentiert werden.

Vorgehen

Ein Variantenmodell ohne Preise bringt Verpackungs- und Sortenoptionen auf die Produktseite, ein detailliertes RFQ-Formular erfasst auch DDP und Lieferbedingungen. Angebote werden im Admin-Panel verfolgt und per PDF und E-Mail beantwortet, neue Anfragen meldet Telegram. Die Website wurde viersprachig umgesetzt, Arabisch im RTL-Layout.

Ergebnis

Die Plattform ist unter sultanolive.com auf Englisch, Deutsch, Arabisch und Russisch online und listet mehr als 50 Produkte in acht Gruppen. Katalog, Inhalte und Sprachen lassen sich über das Admin-Panel ohne Codeänderung erweitern.

Tools

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

Hauptfunktionen
  • Über 50 Oliven- und Olivenölprodukte in 8 Produktgruppen

  • Variantenmodell ohne Preise: Verpackung wählen, gezielt anfragen

  • Detailliertes RFQ-Formular mit DDP, Lieferbedingung und Zielland

  • Angebots-PDF per Puppeteer und Versand per Vorlagen-E-Mail

  • Telegram-Benachrichtigung bei neuen Anfragen

  • Online auf Englisch, Deutsch, Arabisch (RTL) und Russisch

  • KI-Assistent im Panel für Texte, Übersetzung und Meta-Tags

  • Sitemap mit 385 URLs, hreflang sowie Product- und Organization-Schema

Verwendete Technologien
  • Next.js 16

  • React 19

  • TypeScript

  • Fastify

  • Bun

  • Drizzle ORM

  • MySQL

  • next-intl

Design-Highlights
  • Helles, luftiges Theme in ägäischem Olivgrün und Gold

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

  • Produktbilder, die mit der gewählten Verpackung wechseln

  • Angebotsaufruf und DDP-Anfragelink auf jeder Seite

  • Aus Quelldateien erzeugte, optimierte WebP-Produktbilder

Details

Sultan Olive ist ein Lieferant von Oliven und Olivenöl, verwurzelt in den Olivenhainen von Aydın und Akhisar in der türkischen Ägäis und in einer Familientradition, die bis ins Jahr 1973 zurückreicht. Die Zielgruppe sind nicht Endverbraucher, sondern Importeure, Distributoren, HoReCa-Lieferanten, institutionelle Einkäufer und Private-Label-Kunden, die unter eigener Marke verkaufen möchten. Für sie haben wir eine mehrsprachige B2B-Katalog- und Angebotsplattform entwickelt, über die sie das Sortiment kennenlernen und direkt ein strukturiertes Exportangebot anfragen können.

Ausgangslage und Anforderungen

Exportkunden stellen andere Fragen als Privatkunden: Welche Verpackungen gibt es, wie sieht es mit Säuregehalt und Zertifizierungen aus, wie laufen Muster und Analyseberichte ab, und zu welchen Lieferbedingungen kommt die Ware im Zielland an? Die Website sollte diese Fragen direkt auf der Produktseite beantworten, mit Angeboten statt Preisen arbeiten und internationale Einkäufer in ihrer eigenen Sprache ansprechen. Zudem ist das Sortiment breit: von nativen Olivenölen extra und Bio-Ölen über aromatisierte Gourmet-Öle und Spezialöle wie Avocado- oder Leinöl bis zu Dutzenden Sorten Tafeloliven.

Lösung und Umfang

Produktkatalog

Der Katalog umfasst mehr als 50 Produkte in acht Gruppen: Premium-Olivenöle (nativ extra, nativ, Bio), aromatisierte Gourmet-Öle (Basilikum, Steinpilz, weißer und schwarzer Trüffel, Chili, Rosmarin, Knoblauch, Matcha), Spezialöle (Traubenkern, Avocado, Leinsamen, Sesam, Kokos, Hanfsamen), ganze, entsteinte, gefüllte und marinierte Oliven sowie Private Label. Allein die gefüllten Oliven umfassen 18 Sorten, etwa mit Paprika, Jalapeño, Mandel, Kaper, Käse sowie Zitronen- und Orangenschale.

Preise und Lagerbestände werden nicht angezeigt; Produkte tragen Verpackungs- und Sortenoptionen über ein Varianten-Modell. Auf der Seite für natives Olivenöl extra können Einkäufer zum Beispiel zwischen acht Verpackungen von 250 mL Glas bis 5 L Kanister wechseln und für die gewählte Option direkt ein Angebot anfordern. Die Produktseiten zeigen außerdem Herkunft, Säuregehalt, Zertifikate, Hinweise zum Exportablauf und verwandte Produkte.

Angebotsanfrage (RFQ)

Das Anfrageformular erfasst alle Bestandteile einer B2B-Beschaffungsanfrage: Firma und Position, Produktkategorie und -name, Menge, Projektart, technische Anforderungen, Zielland und Lieferort, Lieferbedingung, DDP-Bedarf und Zeitplan. Jede Anfrage wird mit Sprache und Land gespeichert; Anfragen von einer Produktseite werden automatisch mit dem Produkt verknüpft.

Unternehmens- und Inhaltsseiten

Dazu kommen Über uns, Unsere Olivenhaine, Ölgewinnung früher und heute, Produktion, Qualität und Zertifikate, Private Label, Für Importeure, Export, Galerie, Referenzen, FAQ, Wissen und News sowie eine Seitensuche. Ratgeber zur Auswahl und Lagerung von Olivenöl und zur mediterranen Olivenkultur informieren Einkäufer und stärken die organische Sichtbarkeit.

Admin-Panel

Das Admin-Panel auf Basis von Next.js verwaltet alle sichtbaren Inhalte ohne Codeänderung:

  • Katalog: Produkte, Kategorien und Unterkategorien; API-Endpunkte zum Auflisten, Anlegen, Sortieren und Bearbeiten von Produktvarianten
  • Angebote: Statusverfolgung eingehender RFQs, interne Notizen, Erstellung von Angebots-PDFs und Versand per Vorlagen-E-Mail
  • Inhalte: eigene Seiten, Galerie, Referenzen, Leistungen, Menüpunkte und Footer-Bereiche
  • Kommunikation: Kontaktnachrichten, Newsletter-Abonnenten, Kommentare und Bewertungen, E-Mail-Vorlagen
  • System: Website-Einstellungen, Medienspeicher, Benutzer und Rollen, Benachrichtigungen, Audit-Log und Cache

Ein KI-gestützter Inhaltsassistent ist integriert: Titel und Texte verbessern, in andere Sprachen übersetzen sowie Meta-Titel und -Beschreibungen erzeugen laufen über einen einzigen Endpunkt.

Technische Architektur

Das Frontend basiert auf Next.js 16, React 19, TypeScript und Tailwind CSS v4, die API auf Fastify und Bun, die Datenhaltung auf Drizzle ORM und MySQL. Validiert wird mit Zod, dokumentiert ist die API mit Swagger. Die Datenbank lässt sich über geordnete Seed-SQL-Dateien von Grund auf neu aufbauen; Schemaänderungen werden in den Seed-Dateien statt per ALTER gepflegt, sodass jede Umgebung mit demselben Schema startet.

Produkt- und Variantendaten werden sprachbezogen in i18n-Tabellen gespeichert. Produktbilder werden automatisch aus den Quelldateien in optimiertes WebP umgewandelt und über ein Manifest mit dem Katalog verknüpft.

Mehrsprachigkeit

Die Website ist auf Englisch (Standard), Deutsch, Arabisch und Russisch online; arabische Seiten erscheinen im Rechts-nach-links-Layout (RTL). Das Sprachrouting übernimmt next-intl, die aktiven Sprachen werden in den Website-Einstellungen gesteuert.

SEO und Sicherheit

Die Sitemap enthält 385 URLs mit hreflang-Verweisen für alle vier Sprachen und x-default. Die Seiten liefern strukturierte Daten für Organization und Product sowie sprachspezifische Meta- und Open-Graph-Tags. Admin-Endpunkte sind durch JWT-Authentifizierung und Rollenprüfung geschützt, Admin-Aktionen werden im Audit-Log festgehalten.

Integrationen

  • Puppeteer für die Erstellung von Angebots-PDFs
  • Nodemailer mit bearbeitbaren E-Mail-Vorlagen für den Angebotsversand
  • Telegram-Benachrichtigungen, die das Team sofort über neue Anfragen informieren
  • Groq (OpenAI-kompatibles Sprachmodell) für Inhalts- und Übersetzungshilfe im Panel
  • Lokaler Medienspeicher mit Cloudinary-Unterstützung

Ergebnis

Sultan Olive ist unter sultanolive.com in vier Sprachen online. Einkäufer können das Sortiment von der Produktgruppe bis zur Verpackungsoption durchsuchen und ihre Lieferanforderungen einschließlich DDP in einem einzigen Formular übermitteln; das Team verfolgt die Anfragen im Panel und antwortet mit einem PDF-Angebot. Katalog, Inhalte und Sprachen lassen sich ohne Codeänderung erweitern.