Aroma Fields — WooCommerce-Shop für einen Hersteller von Naturkosmetik
Individuell entwickelter, mehrsprachiger Online-Shop, entstanden aus einer groben Konzeptidee und seit Jahren im Einsatz
Rolle: Struktur, Designanpassung, WordPress-Entwicklung · Jahr: 2021–2022 · Stack: WordPress / WooCommerce / OceanWP / Elementor / Polylang
Aroma Fields — mehrsprachiger Online-Shop für einen ukrainischen Hersteller von Naturkosmetik
Jahr: 2021-2022
Projekttyp: Entwicklung eines WooCommerce-Shops
Plattform: WordPress
Stack: OceanWP / Elementor / WooCommerce / Polylang
Sprachen: 2
{/}
Über den Kunden
Aroma Fields ist ein ukrainischer Hersteller natürlicher Kosmetikprodukte mit Sitz in der Region Kyjiw.
Das Unternehmen verbindet den eigenen Anbau von Lavendel und anderen pflanzlichen Rohstoffen mit deren Verarbeitung zu Endprodukten wie ätherischen Ölen, Hydrolaten und weiteren kosmetischen Erzeugnissen.
Es handelt sich nicht um einen klassischen Reseller-Shop, sondern um die Website eines realen Herstellers mit eigener Rohstoffbasis, Produktlinie und Markenidentität.
{?}
Aufgabe
Zu Beginn des Projekts verfügte der Kunde weder über eine klar definierte Website-Struktur noch über ein ausgearbeitetes Designsystem.
Die vorhandenen Materialien beschränkten sich auf grobe PowerPoint-Skizzen und eine allgemeine Vorstellung des gewünschten Ergebnisses.
Die Aufgabe ging daher über eine einfache Einrichtung eines WooCommerce-Shops hinaus:
- Umwandlung eines groben Konzepts in eine funktionierende Website-Struktur;
- Entwicklung der visuellen Richtung direkt im Live-Workflow;
- Anpassung des Shops an eine Marke für natürliche Kosmetik mit ruhiger, klarer Darstellung;
- Aufbau einer zweisprachigen Website von Anfang an;
- Erstellung eines praxistauglichen Online-Shops für den langfristigen Einsatz.
Im Verlauf der Arbeit änderte sich die visuelle Richtung mehrfach auf Grundlage des Kundenfeedbacks, sodass sich das Projekt iterativ entwickelte und nicht einem fest definierten Layout folgte.
{*}
Ansatz und Umsetzung
Die Website wurde auf WordPress mit WooCommerce umgesetzt. Als Grundlage diente das Theme OceanWP, während Elementor für die zentralen statischen Seiten eingesetzt wurde.
Ein Starter-Layout von OceanWP wurde lediglich als technischer Ausgangspunkt verwendet. Im Verlauf der Entwicklung wurde es so stark überarbeitet, dass im finalen Ergebnis kaum noch etwas vom ursprünglichen Template erkennbar war.
Die Umsetzung umfasste:
- Entwicklung der gesamten Seitenstruktur und Shop-Logik;
- visuelle Ausarbeitung in enger Abstimmung mit dem Kunden;
- Erstellung zentraler Inhalte mit Elementor;
- Einrichtung des Produktkatalogs und der Shop-Funktionalität mit WooCommerce;
- Implementierung der Mehrsprachigkeit mit Polylang von Beginn an.
Die finale Benutzeroberfläche entstand schrittweise im Live-Prozess durch wiederholte Verfeinerung von Struktur und Darstellung.
{!}
Weiterentwicklung nach dem Launch und Projektabgrenzung
Nach Fertigstellung des Shops wurden auf Wunsch des Kunden zusätzliche technische Optimierungen durch Drittanbieter durchgeführt, um die Performance zu verbessern.
In den darauffolgenden Jahren entwickelte sich die Website weiter: Produkte wurden ergänzt oder entfernt, Inhalte aktualisiert und Medien ausgetauscht.
Die aktuelle Version ist daher als aktiv gepflegte Unternehmenswebsite zu verstehen — nicht als statischer Zustand des ursprünglichen Launchs.
Gleichzeitig sind die grundlegende Struktur und der gestalterische Ansatz aus der initialen Entwicklungsphase weiterhin klar erkennbar. Dieser Teil des Projekts wird in diesem Portfolio dargestellt.
{+}
Ergebnis
Das Ergebnis ist ein zweisprachiger WooCommerce-Shop für einen realen ukrainischen Hersteller natürlicher Kosmetik.
Wichtiger noch: Die Website blieb kein kurzfristiges Projekt, sondern ist seit mehreren Jahren als funktionierende Unternehmenswebsite im Einsatz.
Für mich ist genau das der zentrale Wert dieses Projekts.
Nicht, weil die Website unverändert geblieben wäre — das ist sie nicht.
Sondern weil die ursprünglich geschaffene strukturelle und visuelle Grundlage stabil genug war, um eine langfristige Nutzung im realen Betrieb zu ermöglichen.
Anmerkungen
Dieser Case ist im Portfolio bewusst enthalten, weil er den realen Lebenszyklus einer Website widerspiegelt — und nicht nur eine idealisierte „frisch gelaunchte“ Version zeigt.
Das Projekt startete ohne klares Designsystem, entwickelte sich iterativ während der Umsetzung, wurde später technisch optimiert und inhaltlich weitergeführt.
Dadurch wirkt es weniger „steril“ als typische Showcase-Projekte, ist aber deutlich aussagekräftiger als Beleg für reale Arbeit.
Ein WooCommerce-Shop, der Jahre nach dem Launch weiterhin im Einsatz ist, ist ein deutlich stärkeres Signal als ein visuell perfektes, aber inaktives Projekt.
{*}
<Kontakt>
…Wenn Sie ein Projekt besprechen, Anforderungen klären oder eine mögliche Zusammenarbeit erkunden möchten, finden Sie alle Kontaktdaten auf der Kontaktseite.