Huanra

Huanra bietet Bio-Textilien, Hanfprodukte, Natursteine und Accessoires an. Um seine Produkte online zu verkaufen, brauchte die Marke einen Onlineshop, der Vertrauen schafft und zugleich den natürlichen, energiegeladenen Charakter der Marke widerspiegelt.

Shop, visuelle Identität, Suchmaschinen-Basis und Produktfotos haben wir als ein einziges Projekt behandelt.

Unsere Leistungen im Projekt

Webdesign

Wir haben die Produktkategorien (Bio-Textilien, Pflegeprodukte, Natursteine, Accessoires) in einem klaren Menü zusammengeführt und Warenkorb und Bezahlvorgang schlicht gehalten. Aktionen wie den Rabatt auf die erste Bestellung und den kostenlosen Versand haben wir in den sichtbarsten Bereich der Startseite gesetzt und so eine Struktur aufgebaut, die Besucher zum Einkauf führt.

Grafikdesign

Wir haben Banner und Aktionsbilder gestaltet, die auf Gelbtönen, tropischen Blättern und Polaroid-Aufnahmen aufbauen und die „natürliche und energiegeladene“ Haltung der Marke widerspiegeln. Dieselbe Bildsprache wurde auch auf den Kategorieseiten und in den Aktionsbereichen einheitlich eingesetzt.

Basis-SEO

Mit grundlegenden SEO-Einstellungen wie Seitentiteln, Beschreibungen, der URL-Struktur der Kategorie- und Produktseiten, Alt-Texten für Bilder und Ladezeit haben wir dafür gesorgt, dass Suchmaschinen die Website korrekt erfassen und listen.

Fotoproduktion

Wir haben Fotoaufnahmen realisiert, die die Produkte sowohl auf schlichtem Hintergrund als auch im Gebrauch zeigen. Diese Aufnahmen kamen auf Produktseiten, in Bannern und in Aktionsbildern zum Einsatz, sodass die Website von Anfang bis Ende mit einer eigenen visuellen Identität auftritt.

---

Projektübersicht

Kunde: Huanra

Branche: E-Commerce (Bio-Textilien und Naturprodukte)

Jahr: 2024

Erbrachte Leistungen:

• Webdesign
• Grafikdesign
• Basis-SEO
• Produktfotoproduktion

Ergebnis: Huanra ist mit einem für Suchmaschinen vorbereiteten Onlineshop in den Verkauf gestartet, der Aktionen hervorhebt und die Produkte mit eigenen Fotos zeigt.

Ein genauer Blick auf das Projekt Huanra

Unsere Arbeit für Huanra ist ein Beispiel dafür, dass ein Onlineshop mehr ist als eine Seite, auf der Produkte aufgelistet werden. Shop, visuelle Identität, Suchmaschinen-Basis und Produktfotos wurden als ein einziges Projekt behandelt. Im Folgenden erklären wir, wie jeder Teil zum Verkauf beiträgt und worauf Marken, die Naturprodukte verkaufen, achten sollten.

Ausgangspunkt

Das Produktsortiment von Huanra ist breit: von Bio-Textilien über Hanfprodukte bis zu Natursteinen und Accessoires. Damit die Marke online verkaufen kann, brauchte sie eine Website, die zwei Dinge zugleich leistet: Vertrauen beim Einkauf schaffen und den natürlichen, energiegeladenen Charakter der Marke spürbar machen. Die Website wurde so aufgebaut, dass sie die Botschaft der Marke trägt: „Die Energie der Natur begleitet Sie“.

Für Marken, die in einer Nische verkaufen, ergänzen sich diese beiden Bedürfnisse. Besucher sehen die Marke sehr wahrscheinlich zum ersten Mal und müssen überzeugt sein, dass die Website vertrauenswürdig ist, bevor sie Zahlungsdaten eingeben. Um sich andererseits von ähnlichen Produkten auf Marktplätzen abzuheben, braucht die Marke einen eigenen Charakter.

Der Nutzen, vier Leistungen in einem Projekt zu bündeln

Werden Website, Grafikdesign, SEO und Fotos auf verschiedene Teams verteilt, kann das Ganze uneinheitlich bleiben, auch wenn jeder Teil für sich stimmt. Fotos passen nicht zu den Bannermaßen, Kategorienamen widersprechen dem SEO-Plan, die Bildsprache wechselt von Seite zu Seite. Genau deshalb haben wir im Projekt Huanra diese vier Aufgaben als ein Projekt behandelt: Jede Entscheidung wird mit Blick auf die anderen getroffen.

Design eines Onlineshops: Die Struktur, die wir für Huanra aufgebaut haben

Gutes Onlineshop-Design konzentriert sich darauf, jeden Schritt zu verkürzen, vom Finden des Produkts bis zum Abschluss der Zahlung. Auf der Website von Huanra haben wir dieses Ziel auf drei Entscheidungen gestützt: ein klares Kategoriemenü, ein schlichter Warenkorb samt Bezahlvorgang und gut sichtbar platzierte Aktionen.

Klares Kategoriemenü

Das Menü hat vier Hauptgruppen: Natursteine, Bio-Textilien, Accessoires und Pflegeprodukte. Bei einer Marke, die verschiedene Produktgruppen verkauft, gibt das Menü Besuchern die erste Antwort auf die Frage „Was gibt es hier?“. Werden Kategorienamen in der Sprache der Käufer geschrieben, erleichtert das die Navigation und hilft Suchmaschinen, die Seiten zu verstehen.

Schlichter Warenkorb und Bezahlvorgang

Wir haben Warenkorb und Bezahlschritte schlicht gehalten. Der Bezahlvorgang ist im E-Commerce die Stelle, an der Besucher am leichtesten abspringen. Überflüssige Felder, unerwartete Schritte oder unklare Versandangaben können dazu führen, dass der Einkauf abgebrochen wird. Deshalb halten wir die Bezahlseiten beim Onlineshop-Design lieber verständlich und kurz, statt sie auszuschmücken. Wenn im Warenkorb Gesamtbetrag, Versandkosten und angewandter Rabatt klar zu sehen sind, gibt es im letzten Schritt keine Überraschungen.

Gut sichtbare Position der Aktionen

Der Bereich, der auf der Startseite auf den ersten Blick zu sehen ist, wurde den Aktionen gewidmet: dem Rabatt auf die erste Bestellung und dem kostenlosen Versand. Für Besucher, die die Marke gerade erst kennenlernen, erleichtert der Rabatt auf die erste Bestellung die Entscheidung, es auszuprobieren, und der kostenlose Versand verringert das Zögern im Warenkorb. Dass die Aktionsbotschaft sofort beim Öffnen der Seite zu sehen ist, gehört zu einer Struktur, die Besucher zum Einkauf führt.

Details, die Vertrauen schaffen

Wer bei einer neu bekannten Marke einkauft, achtet vor der Zahlung auf einige Signale: erreichbare Kontaktdaten, klare Versand- und Rückgabebedingungen, sichere Zahlungsoptionen. In der Türkei müssen Websites, die im Fernabsatz verkaufen, außerdem Vorabinformationen und Vertragstexte bereitstellen (türkisch „mesafeli satış sözleşmesi“, Fernabsatzvertrag). Stehen diese Elemente beim Onlineshop-Design an leicht auffindbaren Stellen, verringert das das Zögern der Besucher.

Den Live-Shop finden Sie unter huanra.com.

Visuelle Identität: Gelb, Blatt und Polaroid

In den Bannern und Aktionsbildern von Huanra kommen drei Elemente zusammen: verschiedene Gelbtöne, tropische Blattmuster und Polaroid-Rahmen. Diese Entscheidungen spiegeln die „natürliche und energiegeladene“ Haltung der Marke direkt wider: Gelb steht für Energie, die Blätter für Natur und die Polaroid-Aufnahmen für eine herzliche, persönliche Note.

Diese Sprache blieb nicht auf der Startseite: Auch Kategorieseiten und Aktionsbereiche wurden in derselben Linie gestaltet. Wirkt in einem Onlineshop die Startseite stark und wirken die Unterseiten gewöhnlich, haben Besucher das Gefühl, in zwei verschiedenen Geschäften zu stöbern. Eine einheitliche Bildsprache sorgt dafür, dass die Marke während des gesamten Einkaufs dieselbe bleibt.

Sich von Marktplätzen abheben

Produkte wie Bio-Textilien oder Natursteine werden auch auf Marktplätzen verkauft. Dort werden sie in derselben Vorlage nebeneinander aufgelistet, und die Marke bleibt im Hintergrund. Im eigenen Onlineshop kann die Marke das Produkt dagegen mit ihrer eigenen Geschichte und Bildsprache präsentieren. Die eigene visuelle Identität von Huanra ist das wichtigste Mittel, um diesen Unterschied zu schaffen.

Basis-SEO: Ein für Suchmaschinen vorbereiteter Start

Wenn ein Onlineshop live geht, müssen Suchmaschinen die Website richtig erfassen und die Seiten richtig verstehen. Dafür haben wir auf der Website von Huanra die grundlegenden SEO-Einstellungen vorgenommen:

• Seitentitel und Beschreibungen: Die in den Suchergebnissen angezeigten Titel und Beschreibungstexte sollen für jede Seite aussagekräftig sein.
• URL-Struktur: Kategorie- und Produktseiten sollen lesbare, geordnete Adressen haben.
• Alt-Texte der Bilder: Was die Produktbilder zeigen, wird Suchmaschinen per Text erklärt.
• Ladezeit der Website: Die Seiten sollen schnell laden. Das ist für das Besuchererlebnis wie für das Crawling wichtig.

Was kommt nach den Grundeinstellungen?

Sind die Grundeinstellungen abgeschlossen, liegt die Arbeit, die die Sichtbarkeit vergrößert, meist auf der Inhaltsseite. Produktbeschreibungen eigenständig zu schreiben, statt sie aus Lieferantentexten zu kopieren, auf Kategorieseiten kurze Beschreibungen hinzuzufügen, die die Fragen der Käufer beantworten, und Ratgeberinhalte zur Verwendung der Produkte zu erstellen, sind die Schritte, die wir in diesem Bereich am häufigsten empfehlen.

Basis-SEO bedeutet, dass die Website auf einem soliden Fundament startet, und ist keine Platzierungsgarantie. Die Sichtbarkeit in der Suche entwickelt sich im Lauf der Zeit durch Inhalte, Nutzererlebnis und regelmäßige Arbeit. Das Dokument von Google zu den Best Practices für SEO bei E-Commerce-Websites ist dafür eine offizielle Anlaufstelle. Die langfristige Arbeit beschreiben wir in unserer SEO-Leistung.

Produktfotos: Schlichter Hintergrund und Gebrauchsmoment

Die Huanra-Shootings liefen in zwei getrennten Aufbauten: Aufnahmen auf schlichtem Hintergrund, auf denen das Produkt allein zu sehen ist, und Aufnahmen, die das Produkt im Gebrauch zeigen. Die entstandenen Fotos wurden überall auf der Website eingesetzt, von den Produktseiten bis zu den Bannern, sodass die Website mit eigenen Fotos und einem eigenen Erscheinungsbild startete.

Zwei Aufnahmearten, zwei verschiedene Aufgaben

• Schlichter Hintergrund: Er zeigt Farbe, Textur und Details des Produkts ohne Ablenkung. Besucher nutzen diese Aufnahmen, wenn sie Produkte vergleichen.
• Gebrauchsmoment: Er zeigt, wie das Produkt im echten Leben wirkt. Wie ein Textilprodukt im Gebrauch aussieht oder wie ein Accessoire getragen wird, erleichtert die Kaufentscheidung.

Vor dem Shooting-Tag wirkt sich direkt auf die Effizienz des Shootings aus, dass die Produkte sauber, gebügelt und von Etiketten befreit sind, dass für jedes Produkt aufgelistet ist, welche Perspektiven gebraucht werden, und dass für die Gebrauchsaufnahmen ein Ort- oder Model-Plan steht.

Beim Einkauf im Internet lassen sich Produkte nicht anfassen. Das Foto ist das wichtigste Mittel, diese Lücke zu schließen. Besonders bei Produkten wie Textilien mit natürlicher Textur und Steinen ist die richtige Lichtsetzung entscheidend dafür, dass die Farbe auf dem Bildschirm der Wirklichkeit nahekommt. Diesen Ablauf beschreiben wir ausführlich auf unserer Seite zu Produktfotografie.

Praktische Erkenntnisse für Marken, die Naturprodukte verkaufen

Das nehmen wir aus dem Huanra-Projekt für eine Marke mit, die Bio- oder Naturprodukte verkauft:

1. Die Markenbotschaft in einem Satz klären. Ein kurzer Satz wie „Die Energie der Natur begleitet Sie“ steuert alle Entscheidungen von der Farbe bis zum Foto.
2. Aktionen nicht verstecken. Angebote wie der Rabatt auf die erste Bestellung oder kostenloser Versand wirken nur, wenn man sie sieht.
3. Den Bezahlvorgang schlicht halten. Jedes überflüssige Feld im Bezahlschritt erhöht die Wahrscheinlichkeit, dass der Einkauf abgebrochen wird.
4. Eigene Fotos verwenden. Lieferantenbilder unterscheiden Sie nicht von anderen Websites, die dasselbe Produkt verkaufen.
5. SEO von Anfang an aufbauen. Ordnung bei Titeln, URLs und Alt-Texten nach dem Livegang zu ändern, ist aufwendiger, als sie von Anfang an richtig anzulegen.
6. Bei Produktbeschreibungen maßvoll bleiben. Bei Naturprodukten schützt es das Vertrauen der Verbraucher, auf Gesundheits- oder Wirkversprechen zu verzichten, die sich nicht belegen lassen.

Was vor dem Start bereit sein sollte

Bevor das Onlineshop-Design beginnt, beschleunigt es den Ablauf, wenn Produktliste, Kategoriestruktur, Preise, Bestandsangaben, Versand- und Rückgabebedingungen, Logo und Markenfarben sowie die Produkte für das Shooting bereitstehen. Auch die Entscheidung über die Aktionen zum Start macht das Design der Startseite klarer.

Unseren allgemeinen Ansatz bei E-Commerce-Projekten finden Sie auf unserer Leistungsseite Onlineshop-Entwicklung.

Häufig gestellte Fragen

Welche Leistungen wurden für Huanra erbracht?

Für Huanra haben wir 2024 Webdesign, Grafikdesign, Basis-SEO und Produktfotoproduktion als ein einziges Projekt umgesetzt. Am Ende dieser Arbeit ging die Marke mit einem verkaufsbereiten Onlineshop live.

Welcher Schritt ist beim Design eines Onlineshops am wichtigsten?

Einen einzelnen Schritt herauszugreifen fällt schwer, aber Warenkorb und Bezahlvorgang sind der kritischste Bereich. Hier springen Besucher am leichtesten ab, deshalb sollten die Bezahlseiten schlicht und verständlich sein.

Was umfasst Basis-SEO?

Basis-SEO umfasst die in den Suchergebnissen angezeigten Titel und Beschreibungen, lesbare Seitenadressen, Alt-Texte der Bilder und die Ladezeit der Seiten. Ziel ist, dass Suchmaschinen die Website richtig crawlen und listen.

Warum werden Produktfotos auf zwei verschiedene Arten aufgenommen?

Aufnahmen auf schlichtem Hintergrund zeigen die Details des Produkts, Aufnahmen im Gebrauch sein Aussehen im echten Leben. Beide zusammen erleichtern Käufern, die das Produkt nicht anfassen können, die Entscheidung.

Wo werden die Aktionen auf der Website von Huanra gezeigt?

Bei Huanra stehen der Rabatt auf die erste Bestellung und der kostenlose Versand im Bereich der Startseite, der auf den ersten Blick zu sehen ist. Die Aktionsbilder werden auch auf den Kategorieseiten in derselben Bildsprache verwendet.

Braucht man einen eigenen Onlineshop, wenn man auf Marktplätzen verkauft?

Marktplätze können ein guter Verkaufskanal sein, lassen die Marke aber im Hintergrund. Mit einem eigenen Onlineshop präsentieren Sie Ihre Produkte in Ihrer eigenen Bildsprache und mit Ihren eigenen Aktionen.

Machen wir Ihre Marke verkaufsbereit

Wenn Sie natürliche, biologische oder Nischenprodukte verkaufen und Shop, visuelle Identität, Basis-SEO und Produktfotos in einem Projekt angehen möchten, besprechen wir Ihren Bedarf gemeinsam. Im ersten Gespräch sprechen wir über Ihr Sortiment, Ihre Zielgruppe und Ihre Verkaufskanäle und legen gemeinsam fest, mit welchem Schritt der Start sinnvoll ist. Um Ihr Projekt zu besprechen, erreichen Sie uns über unsere Kontaktseite.