Kundenprojekt · E-Commerce

3agübre Biodünger

Für 3A Gübre ve Tarım haben wir 3agubre.com entwickelt: einen Online-Shop für organische und organomineralische Dünger, die in Giresun hergestellt und beim türkischen Ministerium für Landwirtschaft und Forstwirtschaft registriert sind. Die Seiten sind statisch; dahinter arbeiten ein Mitglieder-, Punkte- und Gutscheinsystem, wiederkehrende Bestellungen, ein umfassendes Admin-Panel und ein E-Mail-System. KI-Agenten und die Google-Anmeldung sind ebenfalls integriert; sie gehen live, sobald der API-Schlüssel und die Google Client-ID im Panel eingetragen sind.

  • Statische Website: HTML, CSS, JavaScript
  • Supabase: PostgreSQL, RPC-Funktionen, pg_cron
  • Netlify
  • Resend (E-Mail)
  • Claude API: Message Batches und Websuche
  • Google Analytics 4, Google Ads, Merchant Center
  • Google-Anmeldung (vorbereitet)
Startseite des Shops
Startseite des Shops
Sprachen
Türkisch und Englisch, arabische Übersetzung vorbereitet
Zahlung
Nachnahme, Banküberweisung
Produkte
8 Produkte, Flüssigdünger auf separaten Seiten für 1 / 5 / 20 L
Content
Wissenszentrum mit 73 Artikeln

Die Screenshots stammen von einer lokalen Kopie der Website und des Admin-Panels; Kundennamen, Bestellungen und Zahlen in den Panels sind Beispieldaten.

01

Shop und Kundenerlebnis

Der Shop entstand zusammen mit einem Produktfinder, Rechnern und Ratgeberartikeln, damit Landwirte ebenso wie Hobbygärtner schnell das passende Produkt finden.

  • Produktkatalog: Flüssigdünger als separate Produkte zu 1 L, 5 L und 20 L, jede Größe mit eigener Seite, eigenem Bild und eigenem Preis
  • Rechner: Düngerbedarf und Kosten, ein Dosier- / Tankrechner und ein Produktfinder; auf jeder Seite ein ausklappbarer Rechner
  • Landwirt-Geschichten: Vorher-Nachher-Fotovergleich; Besucher können ihre eigene Geschichte einreichen, die nach Freigabe veröffentlicht wird
  • Wissenszentrum: 73 Artikel rund um Düngung und Boden
  • Konten und Mein Konto: 3A Points, Gutscheine, Glücksrad, Bestellungen, wiederkehrende Bestellungen, Adressbuch; Registrierung und Anmeldung mit Google vorbereitet (wird aktiviert, sobald die Client-ID eingetragen ist)
  • Konten für Landwirte, Erzeuger und Großhändler: ein kontospezifischer Rabatt nach Freigabe des Antrags
  • Antragsformular für Großhandel und Händlerschaft
Produktseite
Produktseite
Shop auf dem Smartphone
Shop auf dem Smartphone
02

Zahlungs- und Bestellablauf

Der Warenkorb liegt im Browser, doch Preise, Gutscheine, Punkte und Rabatte werden bei jeder Änderung auf dem Server berechnet; die Bestellung wird mit derselben Berechnung gespeichert und lässt sich im Browser nicht verändern.

  • Zahlungsarten: Nachnahme und Banküberweisung
  • Gutscheincodes, persönliche Gutscheine und Bezahlen mit 3A Points; der maximal mit Punkten zahlbare Anteil wird im Panel festgelegt
  • Hinweis bei Großeinkäufen: Kunden, deren Warenkorb eine festgelegte Menge oder einen festgelegten Betrag überschreitet, wird ein Konto für Landwirte, Erzeuger oder Großhändler angeboten
  • Wiederkehrende Bestellungen: Dieselben Produkte werden im gewählten Intervall (von wöchentlich bis alle drei Monate) automatisch morgens bestellt
  • Automatische E-Mails: Bestellung eingegangen, versandt, zugestellt, storniert (optional: in Bearbeitung)
  • Bei Zustellung einer Bestellung werden 3A Points und ein Dankeschön-Gutschein gutgeschrieben; bei Stornierung werden eingesetzte Punkte und Gutscheine zurückerstattet
Checkout-Seite
Checkout-Seite
03

Admin-Panel

Das Panel wurde so konzipiert, dass das Unternehmen die Website ganz ohne Programmierkenntnisse betreiben kann. Gespeicherte Änderungen erscheinen ohne neues Release auf der Website.

  • Bereiche: Dashboard, Berichte, Produkte, Bestellungen, E-Mail, Kampagnen und Gutscheine, Kunden, Händler, Blog, SEO, Landwirt-Geschichten, Design, Bewertungen, KI, Einstellungen
  • Produkteditor: Felder auf Türkisch und Englisch, eine Live-Vorschau (Produktseite, Liste, Google, Social-Media-Karte) und ein SEO-Score
  • Neue Produkte und Kategorien; die Produktseite wird automatisch erstellt, Produkte lassen sich ausblenden oder vorläufig löschen
  • Design: ein Page Builder, in dem Abschnitte per Ziehen angeordnet, Texte direkt bearbeitet und Bilder per Drag & Drop ersetzt werden; mit Rückgängig-Funktion und Veröffentlichungsverlauf
  • Berichte: cookiefreie Besuchsanalyse ohne Speicherung personenbezogener Daten, Kauftrichter, Traffic-Quellen, Heatmap nach Tag und Uhrzeit, Verkaufsdiagramme
  • Kunden: Anträge von Landwirten und Großhändlern freigeben und deren Rabatte festlegen
  • Ein für die Nutzung auf dem Smartphone optimiertes Layout
Admin-Dashboard
Admin-Dashboard
Produkteditor
Produkteditor
04

Integrationen

Die E-Mail-Integration läuft über die Datenbank; Google-Anmeldung und KI-Integrationen sind ebenfalls eingebaut und gehen live, sobald ihre Schlüssel im Panel eingetragen sind. API-Schlüssel werden in Tabellen gespeichert, die niemand auslesen kann.

  • E-Mail (Resend): Posteingang und Gesendet-Ordner im Panel, Antworten, Anhänge, PDF; automatische E-Mail-Texte werden im Panel bearbeitet und getestet
  • Mailingliste: Anmeldung per Double-Opt-in, Kampagnen mit Zielgruppenauswahl, saisonale Kalender-E-Mails nach Kulturart, Saisonerinnerungen, Export für İYS
  • KI (Claude API): Agenten für arabische Übersetzung, News-Blog (aktuelle Themen per Websuche) und Website-Audit; Aufgaben werden gebündelt gesendet, die Kosten jeder Aufgabe werden berechnet und jeder Agent hat ein Monatsbudget; bereits integriert, nehmen sie die Arbeit auf, sobald der Anthropic API-Schlüssel im Panel eingetragen ist
  • Registrierung und Anmeldung mit Google vorbereitet: Sobald die Client-ID im Panel eingetragen ist, erscheint der Button unter Mein Konto; das Identitäts-Token wird auf dem Server verifiziert
  • Google Analytics 4 lädt nur bei Besuchern, die Cookies zustimmen; das Google Ads Conversion-Tracking ist vorbereitet und startet, sobald seine ID im Panel eingetragen ist; eine Produktliste für das Merchant Center wird direkt im Panel erstellt
  • E-Mail oder WhatsApp-Nachricht an den Kunden mit einem Fingertipp aus jeder Bestellkarte
Bestellübersicht
Bestellübersicht
05

Marketing und SEO

Wie jede Seite der Website bei Google erscheint, wird im Panel überwacht und korrigiert; Inhalte und Kampagnen werden am selben Ort verwaltet.

  • SEO-Bereich: Google-Vorschau und Score für Hauptseiten, Kategorien, Produkte und Blogbeiträge; Titel und Beschreibungen werden auf Türkisch und Englisch bearbeitet
  • Ein Fokus-Keyword und ein SEO-Score für jedes Produkt; lange Produktnamen mit häufig gesuchten Keywords
  • Sobald der News-Blog-Agent aktiviert ist, werden seine Beiträge in die Blogliste aufgenommen und die Blog-Sitemap aktualisiert
  • Englische Seiten werden mithilfe eines Übersetzungswörterbuchs aus den türkischen Seiten erzeugt
  • Kampagnencodes, automatische Willkommens- und Dankeschön-Gutscheine, 3A Points und Regeln für das Glücksrad
  • E-Mail-Links tragen eine Quellenkennung, sodass Besuche über E-Mail in den Berichten separat erscheinen
SEO-Ansicht
SEO-Ansicht

Planen Sie ein ähnliches Projekt?

Erzählen Sie uns, was Sie brauchen; gemeinsam legen wir Umfang, Zeitplan und Kosten fest. Das Erstgespräch ist kostenlos.

Erzählen Sie uns von Ihrem Projekt