E-Commerce-Website

Verdant Farm

Jede Teepackung erzählt die Geschichte ihrer eigenen Charge – für Käufer nur einen QR-Scan entfernt.

Verdant Farm — E-Commerce-Website
Kunde
Marke für Bio-Tee und Agrarprodukte aus der Provinz Lam Dong
Leistungen
Webdesign
Projektdauer
12 Wochen
Jahr
2025

Projektüberblick

Leistungsumfang

Content-StrategieUI-DesignOnlineshopTechnisches SEO

Die Marke ist aus einer ökologisch bewirtschafteten Teeplantage hervorgegangen und hatte über Wochenmärkte und soziale Medien bereits einen festen Stammkundenkreis, aber noch keinen eigenen Vertriebskanal. Produktinformationen waren überall unterschiedlich aufbereitet, Bestellungen wurden von Hand notiert, und die häufigste Kundenfrage – „Wo und wann wurde dieser Tee gepflückt?“ – ließ sich noch nicht nachprüfbar beantworten.

Ziel des Projekts war ein Onlineshop, der die Geschichte der Plantage erzählt, auf dem Smartphone schnell lädt, bei Suchbegriffen rund um Bio-Tee in den Suchergebnissen sichtbar ist und Käufern per QR-Code auf der Verpackung den Weg genau der Charge zeigt, die sie gerade in den Händen halten.

Herausforderungen

01

Verstreute Chargendaten

Pflückdatum, Verarbeitungsdatum und Prüfergebnisse lagen in Notizbüchern und Handyfotos vor und mussten vereinheitlicht werden, bevor sie auf der Rückverfolgungsseite erscheinen konnten.

02

Schöne, aber schwere Bilder

Die hochauflösenden Aufnahmen der Teehügel sind wertvolles Markenkapital, hätten die Seite im Originalformat über Mobilfunk jedoch spürbar verlangsamt.

03

Hart umkämpfte Keywords

Bei Suchbegriffen rund um Bio-Tee konkurrieren große Marktplätze mit – das erfordert eine Content-Strategie für Nischen statt eines direkten Kräftemessens.

Die Lösung von GREEN TECH

Wir haben das Frontend mit Next.js und Tailwind CSS umgesetzt – mit statischem Rendering für Produktseiten und Beiträge, ausgeliefert über das Edge-Netzwerk von Cloudflare für kurze Ladezeiten. Im Hintergrund verwalten NestJS und PostgreSQL Bestellungen, Lagerbestand und Chargendaten; jede Charge erhält einen QR-Code, der auf eine eigene Rückverfolgungsseite führt. Bilder werden in moderne Formate komprimiert und erst beim Scrollen geladen. So bleibt die Seite schlank und bewahrt dennoch die volle Bildsprache der Plantage – schnell für Nutzer und sparsam bei der Bandbreite.

Wichtigste Funktionen

Chargen-Rückverfolgung per QR

Ein Scan des Codes auf der Verpackung zeigt Anbaugebiet, Erntedatum, Verarbeitungsdatum und Prüfergebnisse genau dieser Produktcharge.

Für Mobilgeräte optimierter Shop

Warenkorb, Auswahl der Packungsgröße und Bezahlung sind so gestaltet, dass sie sich bequem mit einer Hand auf dem Smartphone bedienen lassen.

SEO-gerechte Inhalte

Ratgeber zur Teezubereitung, Geschichten aus dem Anbaugebiet und Produktseiten mit strukturierten Daten und einer klaren internen Verlinkung.

Einfache Verwaltung

Mitarbeitende der Plantage pflegen neue Chargen, Produkte und Beiträge selbst im Verwaltungsbereich – ganz ohne technische Vorkenntnisse.

Erzielte Ergebnisse

1,3 s

Ladezeit auf Mobilgeräten

+46 %

Organische Zugriffe nach 6 Monaten

+22 %

Wiederkaufrate

Mit der Website verfügt die Marke über einen eigenen Vertriebskanal, statt vollständig von sozialen Medien abhängig zu sein. Die QR-Rückverfolgungsseite ist der Berührungspunkt, den Kunden am häufigsten erwähnen, und zugleich ein konkreter Beleg für das Versprechen des ökologischen Anbaus. Dank schlanker Infrastruktur bleiben die monatlichen Betriebskosten auf einem Niveau, das zu einem kleinen Agrarbetrieb passt.

Eingesetzte Technologien

React / Next.js
Tailwind CSS
NestJS
PostgreSQL
Cloudflare
Jetzt Kontakt aufnehmen!

Haben Sie eine Idee für Ihr nächstes Projekt?

Teilen Sie Ihre Ziele mit GREEN TECH. Wir analysieren Ihre Anforderungen, schlagen eine passende Lösung vor und senden Ihnen ein detailliertes Angebot – völlig kostenlos.

Kostenlose Beratung anfordern

Kontakt

Starten Sie Ihr Projekt
noch heute

Kontaktanfrage

Oder schreiben Sie uns direkt an:

  • Schnelle Antwort innerhalb von 24 Std.
  • Direkter Kontakt zu Experten.
  • Klare strategische Beratung.