Shop-Review: DrEnzo.de

Da wir nicht alle Seiten des Shops einzeln analysieren werden, nehmen wir die Startseite als Beispiel.

---

---

Die Meta-Daten der Startseite sind teils zu lang.

---

---

Überschriften

Die H1- bis H6-Überschriften sind semantisch korrekt verwendet worden.

---

---

Beim Aufrufen der Website begrüßt den Besucher zunächst ein Cookie-Pop-up. Klickt man in diesem Banner auf "ablehnen", wird man auf Google.com weitergeleitet. Dieser Fehler sollte dringlichst behoben werden.

---

---

Header

Auf dem Desktop wird der Header oben angezeigt und verschwindet mit dem Herunterscrollen. Dies solllte ggf. behoben werden.

---

---

In der Mobilansicht hingegen wird der Header unten angezeigt. Dies verbessert die Usability und wird von uns positiv bewertet.

---

---

Ankündigungsleiste

Die Ankündigungsleiste enthält einen prägnanten Text. Leider fehlt eine Verlinkung des Textes in dieser Sektion.

---

---

Ladezeiten

Auf Desktopgeräten überzeugt die Geschwindigkeit der Website. Für Mobilgeräte sollte an diesem Wert noch gearbeitet werden - mehr Informationen gibt's im SEO-Abschnitt.

Footer

Diese Sektion ist angenehm aufgeräumt. Es wirkt allerdings professioneller, wenn der Punkt "powered by Shopify" entfernt wird. Eine Anleitung dazu gibt's hier.

Startseite

Auf der Startseite sollte klar erkennbar sein, worum es im Onlineshop geht. Dies wird bei drenzo.de schnell klar.

Hero-Element

Es sind zwar CTAs in dieser Sektion vorhanden. Die farbliche Gestaltung und Platzierung birgt noch Optimierungspotenzial. Auch besitzt das Bild zu große Dimensionen.

---

---

Texte

Die Texte auf der Startseite sind teils zu lang geschrieben und verwenden eine unleserliche Schriftart, mit Serifen. 

Kundenstimmen

Es fehlt ein Abschnitt mit Kundenstimmen, dieser sorgt für mehr Social Trust.

Kategorieseite

Hier wirkt die Anordnung der einzelnen Produkte auf dem Desktop unaufgeräumt und verschoben. Auf Mobilgeräten hingegen passt sich das Layout gut an.

---

---

Produktseite

Auf der Produktseite entstehen gerne einmal Fehler, welche die Conversion-Rate stark (negativ) beeinflussen können. Doch nicht nur das - häufig zeigen sich auch ausgelassene Chancen.

Für dieses Review stützen wir uns auf die Produktseite "BIO HanSi - Hanfsamen, Spinat, Knobi".

---

---

Produktbilder

Die Produktbilder stellen das Produkt gut dar. Bloß die technische Umsetzung könnte durch eine Produktfotoagentur noch optimiert werden. Gut finden wir auch die Fotos der Endresultate.

Produktname

Der Name des Produktes ist verhältnismäßig lang, "BIO HanSi" wäre einprägsamer.

Erster Eindruck

Die Produktinformationen - bspw. die Bildgröße - sollten schnell einzusehen sein. Hierfür bieten sich vor allem Accordions an. Um das Vertrauen der Kunden zu stärken, können auch Trust-Batches verwendet werden. Diese stellen das eigene Logo (optional) in Kombination mit den Zahlungsdienstleistern und / oder Lieferanten dar. Ratsam ist hier eine einheitliche Farbgebung - zum Beispiel wie folgt:

---

---

Produktbeschreibung

Bei der Produktschreibung empfiehlt es sich, die Eckdaten übersichtlich in eine Tabelle zu einzutragen und oben in der Produktbeschreibung oder als Produktbild einzubinden.

Auch sollte die Beschreibung nicht die CTAs verdecken / nach unten verdrängen. 

---

---

CTA-Button

Der Call-To-Action-Button "Zum Warenkorb hinzufügen" wirkt leicht ausgegraut, wenn er nicht aktiviert ist oder über ihn gehovert wird. Dies lässt sich einfach mit einem kurzen CSS-Code ändern.

CSS

---

.button {
	background: rgb(30, 75, 144);
	color: #fff;
}<br>

---

Hinzu kommt, dass der "Jetzt Kaufen"-Button entfernt werden sollte, da dieser - wenn ohne Einwilligung in Rechtstexte - den Kunden direkt zum Kaufabschluss bei einem Payment Gateway, wie bspw. Google Pay weiterleitet - hier rechtliche Komplikationen verursachen kann. *

---

---

Produktbewertungen

Wir missen die Einbettung von Produktbewertungen.

Warenkorb(-seite)

Nachdem der Warenkorb-Button geklickt wurde, wird ein Warenkorbhinweis angezeigt, welcher auf die Warenkorbseite weiterleitet. Das ist eine gute Lösung. Die Gestaltung des Hinweises ist klar und deutlich.

Up- und Cross-Selling

Die Warenkorbseite ist eine tolle Gelegenheit, um den potenziellen Kunden eine weitere Empfehlung vorzustellen, ganz ähnlich zu den Kaugummis an der Supermarktkasse.

So könnten beispielsweise Backutensilien als Upsell angeboten werden.

Warenkorb-Checkbox

Es fehlt eine AGB-Checkbox im Warenkorb. Dies gibt den Nutzern meist ein unterbewusstes Gefühl von Seriosität. Eine Anleitung hierzu haben wir einmal verlinkt.

Zudem werden Dynamic-Check-out-Boxen angezeigt, welche zu einem Drittanbieter weiterleiten. Diese stellen ein rechtliches Risiko dar, wenn den Geschäftsbedingungen & Co. nicht eingewilligt werden muss. *

* Keine Rechtsberatung

Versandkostenrechner

Gut finden wir die Möglichkeit, die Versandkosten individuell im Warenkorb zu berechnen.

Zur Kasse

Der Zur-Kasse-CTA wirkt leicht ausgegraut und verliert im Gegensatz zu den dominanten Dynamic-Check-out-Buttons an Aufmerksamkeit.

Dieser Abschnitt ist Shopify-gemäß strukturiert aufgebaut. Eine starke Personalisierung ist hier lediglich mit einem Shopify Plus Plan möglich. Daher möchten wir einmal auf die möglichen Optimierungen eingehen, für alle Basic bis Advanced Shopify-Nutzer.

Logo

Es wurde ein Logo im Header hochladen. Hier wäre die oben erwähnte Bildzeile mit den Zahlungsanbietern zu empfehlen.

Express Check-out

Dieser kann die Conversion-Rate negativ beeinflussen, sollte die Seite durch die iFrame-Einbettung länger laden oder bei dem jeweiligen Anbieter ein Verbindungsfehler auftreten. Zudem missverstehen einige Kunden die Buttons als einzige Zahlungsmöglichkeit und brechen daher den Check-out-Prozess ab.

Zwischenfazit: 5 / 10 Punkte

Insbesondere beim Leiten der Aufmerksamkeit, dem Layout und einigen Up-Sell-Möglichkeiten besteht Verbesserungsbedarf. Zudem sollten Pop-ups korrekt eingestellt werden, um die Besucher und Crawler nicht abzulenken. Bei der Optimierung hilft unser Partner Webchaniker als kompetente Web-Agentur weiter. Hierzu kann eine Anfrage über das verlinkte Formular gestellt werden. Die Storyline kann uns jedoch voll überzeugen.

Content

Ein Onlineshop benötigt natürlich auch Unterseiten, welche informationsbasierte Suchintentionen verfolgen.

Blog

Es ist kein Blog vorhanden. 

Hier kann einer unserer SEO-Experten weiterhelfen.

Im Allgemeinen empfehlen wir für das Content-Marketing und Themen-Mapping MindMeister, sowie MeisterTask. 

Social Media

Auf Instagram sind Bilder vorhanden, leider wird die Möglichkeit von Shoppable-Content in Instagram ausgelassen. Mehr hierzu gibt es im Facebook-Commerce Manager. Zudem empfehlen wir ein einheitliches Farbkonzept für die Instagram-Postings.

Ein Konzept dazu lässt sich einfach mit Figma umsetzen.

Über uns

Es ist eine Storyline vorhanden, das stärkt den Social Trust und stellt ggf. eine emotionale Verbindung her, sofern eine überzeugende Geschichte erzählt wird. Auch wird hier auf Kleinigkeiten geachtet, wie die Rolle des Hundes als Qualitätsbeauftragter.

Zwischenfazit: 4 / 10 Punkte

Es fehlt an Content im Onlineshop, Postings auf Social Media können noch einheitlicher gestaltet werden. Die persönliche Note im Content kommt gut hinüber.

Fazit: 15 / 40 Punkte

Der Shop von drenzo.de verfolgt gute Ansätze, überzeugen konnte uns insbesondere das Produkt selbst und der eigenen Storyline. Die technische Umsetzung hingegen ist ausbaufähig und bedarf einer gewissen Überarbeitung. 

Wir wünschen weiterhin viel Erfolg! ✌

Der Shop wurde analysiert von: Ole N. Mai & Bastian Winkelsen