Datenbasierte Optimierung mit mellow NOIR

mellow NOIR verwandelt die regenerativen Eigenschaften von Kaffeesatz in hochwertige & nachhaltige Hautpflege. Mit Leidenschaft und Innovationsgeist entstand eine Pflegelinie, die Natur & Wissenschaft vereint.

Seit 2024 optimieren wir den Shopify Plus Shop von mellow NOIR. Nachdem der Checkout auf Checkout Extensibility umgestellt wurde, haben wir verschiedene Optimierungen auf Basis von A/B-Tests durchgeführt, um die Conversion und den AOV zu erhöhen. 

  • Branche

    Beauty

  • Service

    Optimierung

  • Technologien

    Shopify Plus
    ABlyft
    Address Ninja

Die Mockups zeigen zwei Varianten des Variant Pickers, wobei die neue Darstellung mit untereinander angezeigten Optionen und Sets den durchschnittlichen Bestellwert erhöht.

Variant Picker & Sets

Für die Variantendarstellung wurden verschiedene Designoptionen des Variant Pickers getestet. Die ursprüngliche Variante stellte die Produktoptionen nebeneinander dar, während die alternative Darstellung diese untereinander, zusammen mit dem Preis, anzeigt.

Durch die Einbindung von Sets in die neue Darstellung konnte der durchschnittlichen Bestellwert erhöht werden.

Die Mockups zeigen, dass Ersparnisse als Euro-Betrag („Du sparst 6 €“) besser funktionieren als Prozentangaben und den Umsatz steigern.

Darstellung Ersparnisse

Wie lassen sich Ersparnisse am wirkungsvollsten kommunizieren? Wir haben zwei Darstellungsformen getestet: Ersparnisse in Prozent oder als absoluter Euro-Betrag.

Das Ergebnis war eindeutig: Absolute Zahlen wie „Du sparst 6€“ wirkten greifbarer als prozentuale Angaben und steigerten den Average Revenue per User.

Die Mockups zeigen, dass der Checkout ohne Shop Pay aufgeräumter wirkt und die Conversion steigt, während andere Express-Zahlarten stärker hervortreten.

Shop Pay

Im Checkout nimmt jedes Element Platz ein. Shop Pay war sehr präsent, wurde allerdings kaum verwendet.

Ein A/B-Test zeigte: Ohne Shop Pay war der Checkout aufgeräumter und die Conversion Rate stieg. Andere Express-Checkouts wie PayPal rückten durch die Veränderung stärker in den Vordergrund.

Die Mockups zeigen, dass fehlende Hausnummern im Checkout nun durch die App „Address Ninja“ automatisch geprüft und ohne Custom Code verhindert werden.
Die Mockups zeigen, dass fehlende Hausnummern im Checkout nun durch die App „Address Ninja“ automatisch geprüft und ohne Custom Code verhindert werden.

Address Ninja

Fehlende Hausnummern gehören zu den häufigsten Fehlern im Checkout. Vor dem Checkout Upgrade wurde das noch mit einem Custom Script abgefangen. Jetzt sorgt die App Address Ninja dafür, dass der Checkout blockiert wird, wenn keine Hausnummer eingegeben wurde – ganz ohne Custom Code.

Die Mockups zeigen, dass der neue Cookie-Banner von Pandectes das Tracking verbessert und mehr Ads-Events erfasst werden.

Cookie-Banner

Durch die Einbindung des neuen Cookie-Banners von Pandectes konnte die Datenqualität im Tracking deutlich verbessert werden. Seit der Umstellung werden mehr Events von Outbrain, Taboola und Google Ads getrackt.

Die Mockups zeigen, dass im Rahmen der NOIR Deals eine Countdown-Bar und Badges für Dringlichkeit und bessere Orientierung eingesetzt wurden.

NOIR Deals

Im Rahmen der NOIR Deals im November haben wir den Fokus auf Dringlichkeit gelegt. Eine sticky Countdown Bar sorgte für Urgency und lenkte direkt zur Angebotsseite.

Zusätzlich entwickelten wir eine modulare Badge-Logik für Produkt- und Kategorieseiten. Die Badges – z. B. mit Infos zu Hauttyp oder Routine – halfen Kund:innen bei der Orientierung.

Das Mockup zeigt ein Custom Template mit einer Vergleichssection, die Produkte direkt nebeneinanderstellt und so schnelle Vergleiche ermöglicht.

Templates mit Custom Sections

Für eine noch bessere Nutzererfahrung haben wir verschieden Templates mit Custom Sections entwickelt. Besonders praktisch: die Vergleichssection, die Produkte direkt nebeneinanderstellt.

So können Kund:innen auf einen Blick die wichtigsten Eigenschaften vergleichen und die richtige Wahl treffen.

Bewertung von mellow Noir durch Reviews.io Mockup der Bewertung von mellow Noir durch Reviews.io

Trust durch reviews.io

Wir haben das Bewertungs-tool judge.me durch reviews.io ersetzt. Der Fokus liegt jetzt stärker auf Reviews mit Bildern – für mehr Authentizität. Die Bewertungen erscheinen direkt auf der Produktseite und lassen sich in Klaviyo-Flows einbinden.

yoffi-digital

Du willst auch mehr aus deinem Shop herausholen?

Diese Projekte könnten dir auch gefallen