Shop-Review: Tassentraum.de
Lesezeit: ca. 5 min. • Bildquellen: tassentraum.de, web.dev, thework.market
Shop-Review: Tassentraum.de
Das Shop-Review stellt keine rechtliche Beratung dar.
Inhaltsverzeichnis
1. → Branding & Konzeption
2. → SEO-Analyse
3. → Shop-Aufbau
4. → Content
Der Shop Tassentraum.de vertreibt personalisierte Tassen für Paare, Familie, Haustiere und Freunde.
Branding und Konzeption
Neuen Besuchern eines Onlineshops muss beim ersten Kontakt mit der Seite ersichtlich sein, worum es auf dieser geht.
Bei Tassentraum.de werden primär runde Formen, sowie beige und himmelblaue Farbtöne verwendet.
Farbkonzept
Es wird auf ein helles, beigefarbenes Grundgerüst mit primär himmelblauen Akzenten gesetzt. Diese sollen das Auge des Betrachters lenken, hin zu den relevanten Bereichen des Web-Shops.
Die Farben wirken ansprechend, sorgen jedoch an einigen Stellen für Kontrastprobleme.
Kommunikation
Im ersten Absatz wird die persönliche Mission & Motivation kurz geschildert. Abseits davon fehlt jedoch eine Über-uns-Seite der Betreiber.
Kreative Assets
Das Logo wirkt verspielt. Es besitzt zu viele Details, um in diversen Größen zu funktionieren.
Skalierbarkeit
Das Logo ist nicht gut als Favicon geeignet. Bei einer kleinen Skalierung können Teile des Logos nicht mehr klar gelesen werden.
Hintergründe
Das Logo weist lediglich in den Grauskalen eine Schwäche auf, diese ist jedoch vorerst zu vernachlässigen.
Zwischenfazit: 6 / 10 Punkte
Für das Branding und die Konzeption besteht noch Verbesserungspotenzial. Teile des Shops, sowie das Logo enthalten zu viele Details. Zudem treten an einigen Produkten Kontrastprobleme auf.
SEO-Analyse
Wichtig, um organisch im Web gefunden zu werden ist eine gute SEO-Strategie, vor allem für Web-Shops. Dabei gibt es verschiedenste SEO-Faktoren, welche es im Groben zu beachten gilt.
Offpage-SEO
Zum Offpage-SEO zählen die Punkte, welche nicht auf der Website selbst bearbeitet werden können.
Backlinks
Einer der wichtigsten Faktoren für gute SEO-Rankings sind die Backlinks.
Der analysierte Onlineshop besitzt einen Backlink aus dem Shopify-Community-Forum. Hier sehen wir einen starken Wachstumshebel für die Zukunft von tassentraum.de.
Domain Authority
Ebenfalls ist es wichtig zu wissen, wie seriös Suchmaschinen eine Website einstufen - spätestens seit dem Google E.A.T.-Update.
Aufgrund des de facto nicht vorhandenen Linkprofils besitzt tassentraum.de eine DA von 0 / 100, sowie ein DR von 0 / 100.
Onpage-SEO
In den Bereich Onpage-SEO fallen alle SEO-Faktoren, welche sich auf der Website selbst umändern lassen.
Core Web Vitals (CWVs)
Die CWVs stehen für die technische SEO-Performance einer Seite. Google nutzt diese als KPIs zur Messung von Nutzererlebnissen. Ziel ist eine möglichst schnell ladende Website aufzubauen, ohne Layout-Shifts oder ähnlich negative Indikatoren.
Dabei wird unterschieden zwischen der Performance auf dem Desktop und mobilen Endgeräten. Der Fokus sollte klar auf mobile-first gelegt sein.
Der Web-Shop tassentraum.de kann mit seiner Desktop- und Mobile-Performance leider nicht überzeugen. Die Fehler entstehen schnell durch nicht SEO-angepasste Bilder, nicht verwendetes JavaScript, zu viele Apps im Frontend oder nicht genutztes CSS. Hier kann einiges selbst in die Hand genommen werden. Andere Punkte erfordern i.d.R. die Hilfe eines IT-Profis, wie beispielsweise Webchaniker.
Performance: Mobile
Performance: Desktop
Seitenstruktur
Da wir nicht alle Seiten des Shops einzeln analysieren werden, nehmen wir die Startseite als Beispiel.
Meta-Daten
Die Meta-Daten der Startseite sind technisch korrekt, inhaltlich besteht noch Optimierungspotenzial.
Überschriften
Die H1- bis H6-Überschriften sind semantisch korrekt verwendet worden.
Bilder
Die Bilder der analysierten Seite besitzen weitestgehend Alt-Attribute. Keines der Bilder besitzt einen Title-Tag.
Technische Analyse
Technisch haben wir eine Lighthouse-Analyse durchgeführt.
Ansehen: Technische SEO-Analyse (PDF, 32 Seiten)
Zwischenfazit: 3 / 10 Punkte
Die Meta-Daten sind technisch korrekt, ebenso die Semantik der Überschriften. Negativ fallen lange Ladezeiten und ein ausstehendes Linkprofil auf. Dessen Optimierung kann eine gute Web-Agentur, wie Webchaniker übernehmen. Auf weiteren Content sind wir in diesem Review nicht eingegangen.
Shop-Aufbau
In diesem Abschnitt geht es um den logischen und technischen Aufbau des Onlineshops. Dabei gehen wir in Teilen auch auf die verkaufspsychologische Optimierung des UX- und UI-Designs ein.
Allgemeines
Unter diesen Abschnitt fallen Kriterien, welche unabhängig von der besuchten Unterseite auftreten.
Header
Auf dem Desktop wird der Header oben angezeigt und verschwindet mit dem Herunterscrollen. Dies sollte ggf. behoben werden. Zudem ist der Header Shop-unüblich aufgebaut.
In der Mobilansicht hingegen liegt zu viel Fokus auf den Rechtstexten, sodass die Aufmerksamkeit von den eigentlichen Produktseiten entzogen wird.
Ankündigungsleiste
Es wird keine Ankündigungsleiste verwendet.
Ladezeiten
An der Geschwindigkeit für Desktop- und Mobilgeräte sollte noch gearbeitet werden - mehr Informationen gibt's im SEO-Abschnitt.
Footer
Diese Sektion ist angenehm aufgeräumt.
Startseite
Auf der Startseite sollte klar erkennbar sein, worum es im Onlineshop geht. Dies wird bei tassentraum.de durch einen Einleitungstext gelöst.
Hero-Element
Es sind zwar CTAs in dieser Sektion vorhanden. Wir empfehlen zusätzlich die Verwendung eines box-shadows für das Button-Element.
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, bzw. zu groß dimensioniert. Außerdem fehlt es an Content, um die Kategorieseiten zu ranken.
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 "Verliebtes Paar - Personalisierte Paar Tasse".
Produktbilder
Die Produktbilder stellen das Produkt gut dar, wirken allerdings sehr generisch. Es besteht kein qualitativer Bildunterschied zu den Produktfotos von Anbietern, wie Printful und Co. Auch ist die Verwendung von 360° Produktfotos empfehlenswert.
Produktname
Der Name des Produktes ist verhältnismäßig lang und somit nicht einprägsam.
Erster Eindruck
Die Produktinformationen - bspw. die Bildgröße - sollten schnell einzusehen sein. Hierfür bieten sich vor allem Accordions an. Dies wurde von den Betreibern auch korrekt umgesetzt. 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. Auch an diesen Punkt wurde bereits gedacht. Was uns jedoch negativ auffällt, ist die Dimensionierung der Produktbilder und der weit unten liegende CTA.
Produktbeschreibung
Bei der Produktschreibung empfiehlt es sich, die Eckdaten übersichtlich in eine Tabelle zu einzutragen und oben in der Produktbeschreibung oder als Produktbild einzubinden. Tassentraum.de hat dies erfolgreich umgesetzt.
CTA-Button
Der Call-To-Action-Button "In den Warenkorb legen" liegt zu tief. Nutzer müssen erst scrollen, um kaufen zu können. Hinzu kommt das visuell veraltete Layout der Datenabfragen.
Dennoch wurden in diesem Formular Up-Sells erfolgreich und passend eingebaut.
Produktbewertungen
Loox-Reviews wurden passend auf der Website integriert.
Warenkorb(-seite)
Nachdem der Warenkorb-Button geklickt wurde, leitet einen der Web-Shop auf die Warenkorbseite weiter. Es werden alle Personalisierungen noch einmal angezeigt und der Nutzer kann diese überprüfen.
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.
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.
Zur Kasse
Der Zur-Kasse-CTA überbrückt mit einer kleinen Animation wunderbar die Wartezeit, bis die Check-out-Seite vollständig geladen wurde.
Check-out-Seite
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: 6 / 10 Punkte
Uns gefällt der Einbau von Up-Sells, sowie der Aufbau der Produktbeschreibung. Allerdings gibt es noch einige UX-Punkte, bei deren Optimierung unser Partner Webchaniker als kompetente Web-Agentur weiterhelfen kann. 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. Außerdem raten wir den Fokus auch auf Pinterest zu setzen, da sich die Plattform perfekt für solche Produkte eignet.
Über uns
Es ist eine kurze Einleitung vorhanden, nichtsdestotrotz fehlt eine Über-uns-Seite. Die Funktion der Seite ist es, Kunde und Unternehmen stärker mit ein anderer zu verbinden.
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 ist vorhanden, aber ausbaufähig.
Fazit: 19 / 40 Punkte
Der Shop von tassentraum.de verfolgt gute Ansätze, überzeugen konnte uns insbesondere das Einbinden von Up-Sells auf der Produktseite, sowie die seichte Farbgebung - wenn auch mit fehlendem Kontrast. 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
Lasse Deinen Shop von Experten optimieren!
Was denkst du?