NATURTREU: Optimierte Nutzerführung zu den richtigen Produkten

Dank der Zusammenarbeit mit tante-e bietet NATURTREU seinen Kund:innen eine intuitive Shopoberfläche, die den Weg zum passenden Nahrungsergänzungsmittel vereinfacht. Der Shop überzeugt durch durchdachte User Guidance, interaktive Beratungselemente und eine klare Produktpräsentation, die das Einkaufserlebnis spürbar verbessert.

So sorgt NATURTREU dank interaktiver Beratungstools und intelligenter Nutzerführung für nachhaltige, fundierte Kaufentscheidungen.

Zum Shop

  • Die Ausgangssituation

    NATURTREU ist ein 2018 in Hamburg gegründetes Familienunternehmen, das sich auf die Entwicklung hochwertiger Nahrungsergänzungsmittel spezialisiert hat. Diese basieren auf sorgfältig abgestimmten Kombinationen synergistischer Inhaltsstoffe, die auf spezifische Bedürfnisse zugeschnitten sind.

  • Die Herausforderung

    Die Auswahl des richtigen Nahrungsergänzungsmittels stellt für viele Kund:innen eine Herausforderung dar. Oft beginnt eine langwierige Suche nach dem passenden Produkt, die durch unerwünschte Nebenwirkungen oder unzureichende Wirksamkeit immer wieder von vorne startet. NATURTREU benötigte daher einen Onlineshop, der Kund:innen gezielt bei der Auswahl unterstützt und durch klare Informationen Orientierung bietet.

  • Der Lösungsansatz

    Gemeinsam mit tante-e arbeitete NATURTREU an kontinuierlichen Verbesserungen für den Shop. Ein Relaunch sollte eine saubere Basis für zukünftige Optimierungen legen und den Fokus auf User Guidance noch weiter verstärken. Das tante-e-Team entwickelte ein strukturiertes Konzept für einen neuen Shop auf stark individualisierter Theme-Basis. Durch die Kombination aus informativen Inhalten und intuitiver Navigation sollten Kund:innen leichter zum passenden Produkt finden.

Die Umsetzung

Optimiertes Theme mit klarer Struktur
Das tante-e-Team erweiterte das Dawn Theme um individuelle Abschnitte und entwickelte ein Setup mit klarem Styleguide sowie sauber strukturierter Codebasis. So entstand ein performanter Shop, der Produkte und Marke übersichtlich präsentiert und überzeugend inszeniert.

Intuitive Navigation
Das strukturierte Desktop-Menü sowie ein konsolidiertes mobiles Menü berücksichtigen Kaufintentionen durch verschiedene Einstiege, z.B. nach Wirkstoff, Bestsellern oder bestimmten Funktionen. Das Mega-Menü für "Nährstoffe von A-Z" mit alphabetischen Untermenüs und Dropdown-Logik erleichtert die Orientierung. Elemente wie Icons oder Vorschaubilder der Produkte setzen zudem einen visuellen Fokus.

B2B-Integration
Der Shop integriert verschiedene Mengenrabatttabellen auf Produktdetailseiten, Kategorieseiten und im Warenkorb für verschiedene Kundengruppen (Standard und Apotheken). Die Daten stammen aus der Metaguru-App und können mit anpassbaren Bezeichnungen versehen werden.

Informative Produktdetailseiten
Die Produktdetailseiten verbinden Übersichtlichkeit mit einem hohen Informationsgehalt. Inhalte wie Verzehrdauer und Treuepunkte werden dynamisch integriert, sowie USPs und Einnahmeempfehlungen klar vermittelt und durch Logos visuell hervorgehoben.

Gesundheitsblog als Content-Hub
Der Gesundheitsblog fungiert als zentraler Informationsbereich mit direkter Einbettung passender Produkte im Artikelfluss. Ergänzend bietet ein Nährstoff-Kompendium als Lexikon zu Vitaminen und Spurenelementen fundierte Informationen zur Unterstützung der Kaufentscheidung.

Interaktiver Kombinierbarkeitsratgeber
Eine Besonderheit des Shops ist der interaktive Ratgeber zur Einnahme-Kombinierbarkeit. Kund:innen können Produkte über Filter oder Freitext suchen und erhalten Hinweise zu Einnahme-Empfehlungen und -Zeitpunkten. Der Ratgeber zeigt sowohl empfohlene Kombinationen mit direkter Kaufoption als auch Produkte, die nicht zusammen eingenommen werden sollten. Das System greift auf vorhandene Metafields zurück, wodurch kein erhöhter Pflegeaufwand entsteht.

Die Umsetzung

01

Optimiertes Theme mit klarer Struktur

Das tante-e-Team erweiterte das Dawn Theme um individuelle Abschnitte und entwickelte ein Setup mit klarem Styleguide sowie sauber strukturierter Codebasis. So entstand ein performanter Shop, der Produkte und Marke übersichtlich präsentiert und überzeugend inszeniert.

02

Intuitive Navigation

Das strukturierte Desktop-Menü sowie ein konsolidiertes mobiles Menü berücksichtigen Kaufintentionen durch verschiedene Einstiege, z.B. nach Wirkstoff, Bestsellern oder bestimmten Funktionen. Das Mega-Menü für "Nährstoffe von A-Z" mit alphabetischen Untermenüs und Dropdown-Logik erleichtert die Orientierung. Elemente wie Icons oder Vorschaubilder der Produkte setzen zudem einen visuellen Fokus.

03

B2B-Integration

Der Shop integriert verschiedene Mengenrabatttabellen auf Produktdetailseiten, Kategorieseiten und im Warenkorb für verschiedene Kundengruppen (Standard und Apotheken). Die Daten stammen aus der Metaguru-App und können mit anpassbaren Bezeichnungen versehen werden.

04

Informative Produktdetailseiten

Die Produktdetailseiten verbinden Übersichtlichkeit mit einem hohen Informationsgehalt. Inhalte wie Verzehrdauer und Treuepunkte werden dynamisch integriert, sowie USPs und Einnahmeempfehlungen klar vermittelt und durch Logos visuell hervorgehoben.

05

Gesundheitsblog als Content-Hub

Der Gesundheitsblog fungiert als zentraler Informationsbereich mit direkter Einbettung passender Produkte im Artikelfluss. Ergänzend bietet ein Nährstoff-Kompendium als Lexikon zu Vitaminen und Spurenelementen fundierte Informationen zur Unterstützung der Kaufentscheidung.

06

Interaktiver Kombinierbarkeitsratgeber

Eine Besonderheit des Shops ist der interaktive Ratgeber zur Einnahme-Kombinierbarkeit. Kund:innen können Produkte über Filter oder Freitext suchen und erhalten Hinweise zu Einnahme-Empfehlungen und -Zeitpunkten. Der Ratgeber zeigt sowohl empfohlene Kombinationen mit direkter Kaufoption als auch Produkte, die nicht zusammen eingenommen werden sollten. Das System greift auf vorhandene Metafields zurück, wodurch kein erhöhter Pflegeaufwand entsteht.

Die Ergebnisse

NATURTREU verfügt nun über einen Shop, der Kund:innen gezielt bei der Auswahl der passenden Nahrungsergänzungsmittel unterstützt. Die verbesserte Nutzerführung, interaktive Beratungstools und informative Inhalte schaffen Vertrauen und erleichtern die Kaufentscheidung. Durch die optimierte Darstellung der Produkte und die klare Kommunikation von Einnahmeempfehlungen können Kund:innen fundierte Entscheidungen treffen.

Lessons Learned

Die Zusammenarbeit von NATURTREU und tante-e verdeutlicht, wie entscheidend eine durchdachte User Guidance im E-Commerce für komplexe Produktkategorien ist. Durch die Kombination informativer Inhalte mit interaktiven Beratungstools wird nicht nur der Verkauf gestärkt, sondern auch das Beratungserlebnis wirkungsvoll digitalisiert. Gleichzeitig reduziert Shopify den Verwaltungsaufwand, sodass NATURTREU den Fokus nicht auf die Shop-Pflege, sondern ganz auf seine Mission richten kann: Menschen mit den passenden Nahrungsergänzungsmitteln zu mehr Wohlbefinden zu verhelfen.

Du überlegst deinen Online-Shop zu relaunchen?

Lass uns sprechen