Adrian Piegsa, CEO von tante-e,  ist Co-Autor dieses Artikels


Mobile Shopping wird immer beliebter, denn das Smartphone als unser Alltagsbegleiter in allen möglichen Alltagssituationen wird auch zum Shoppen genutzt. Das belegt auch der Mobile Shopping Report von Klarna, wofür im vierten Quartal 2021 18.000 Konsument:innen aus 13 Ländern befragt wurden: In Deutschland nutzen 67% der Befragten das Smartphone auch zum Shoppen, in Österreich sind es gar 78%. 

Auch wir von tante-e als Shopify-Experten-Agentur können aus unserer Arbeit mit unseren Kund:innen bestätigen, dass wir anhand der Heatmaps und der Recordings erkennen können, dass das mobile Menü mit am meisten angeklickt wird. Insofern spielen sie eine bedeutende Rolle dabei, ob Besucher:innen im Shop bleiben, wiederkommen oder einen Kauf tätigen.

Denn gute mobile Menüs helfen Besucher:innen beim Navigieren, um schnell dorthin zu kommen, wo sie hin möchten. Es hilft aber auch überhaupt erst einmal zu verstehen, was der Shop an Produkten und Inhalten anbietet und bietet somit eine Art Orientierungsfunktion.

Allerdings haben Shopify-Themes, bei all ihren Vorteilen, auch folgende Nachteile:

- Sie sind sehr textlastig

- Die visuelle Hierarchie ist nicht optimal

- Die visuelle Gestaltung bietet Luft nach oben

- Sie sind nicht ausgerichtet auf eine größere Anzahl an Produktkategorien und Contenteinstiegen

Es gibt natürlich Shopify-Shops, die auch zu unseren Kund:innen gehören und besonders gut zeigen, wie mobile Menüs am besten aussehen. Daher kommt hier nun eine neue kleine Reihe mit Beispielen von mobilen Menüs, die Adrian persönlich sehr schätzt:

Hey Marly

Ein spannendes Beispiel für ein gelungenes mobiles Menü bietet Hey Marly. Die Strukturierung ist durch visuelle Hierarchie übersichtlich und klar strukturiert. Der Look & Feel ist nicht nur clean, sondern entspricht auch dem Brand-Design. Es gibt eine gute Mischung aus Bild und Text, ohne jedoch überladen zu wirken. Die Bilder erfüllen aber auch eine praktische Funktion: Sie bieten nämlich eine noch bessere Orientierung. Zudem bietet das mobile Menü die Möglichkeit, Shop- und Content-Kategorien unterzubringen. Darüber hinaus ist es mit weiteren Kategorien oder auch Content-Bereichen flexibel erweiterbar, ohne Unordnung einzubringen.

Hey Marly

Es zeigt ebenfalls eine Stärke von Shopify: Man kann ein bestehendes Theme als Basis nehmen und dann gezielt die Nachteile bzw. Schwachstellen durch gezieltes Coding und Anpassungen optimieren. Etwas, mit dem viele Brands auf Shopify und Shopify Plus sehr gut fahren. 


Ready2Drink

Ready2Drink bietet verschiedene Marken in ihrem Shop wie beispielsweise Dirtea, Schweppes, Krombacher, Orangina und verfolgt dadurch ein anderes Konzept als viele Shopify-Shops, was natürlich andere Anforderungen bezüglich des mobilen Menüs mit sich bringt. Um diese entsprechend im Menü zu spiegeln und schnell Orientierung zu geben, haben wir hier in dem Fall die Marken direkt im Menü mithilfe von Fotokacheln abgebildet. Das mobile Menü hier ist also anders als im Fall von Hey Marly und dient für das Highlighting von besonderen Kategorien (z.B. Marken), visuelle Hierarchie und eine klare Struktur und Übersicht. Außerdem ist es eine Mischung aus Text und Bild-Menüpunkten.

Ready2Drink

Das ist ein Ansatz, der passend für Shops mit besonderen Kategorien oder Marken ist, auf die der Fokus gelenkt werden soll.

HORST

HORST bietet ein next-Level mobiles Menü, das wir für sie gebaut haben, denn der Shop hat aufgrund seiner Eigenschaften und seiner Produktpalette besondere Anforderungen, die folglich auch besondere Herausforderungen mit sich bringen: HORST verkauft Produkte rund um DIY, Wandfarben, Werkzeuge und alles das, was Du brauchst, um Dein Zuhause zu verschönern.

Die Schwierigkeit ist allerdings, dass es im Shop viele Produkte mit vielen Kategorien gibt. Infolgedessen besteht die Schwierigkeit darin, alles in eine übersichtliche Struktur zu bringen, um verschiedene Einstiege zu bieten und verschiedenen User Journeys gerecht zu werden. Auch ist der Mix aus umfangreichem Content und Shopping eine Herausforderung.

Was wir hier in dem Fall gemacht haben zeigt, was alles in Shopify im richtigen Zusammenspiel von Shopify-Theme, Metafields & Co möglich ist:

- Klare Struktur mit Kachel und Tab-Logik: Unterschiedliche Einstiege für Content & Shop via Tabs

- Mehrere Dimensionen und Hierarchieebenen, um die verschiedenen Kategorien übersichtlich zu strukturieren

- Optisch ansprechende Darstellung im Look & Feel der Brand

- Fotokachel für das spezielle Highlighten und Fokussierung für bestimmte Themen

- Visuelle Hierarchie und Berücksichtigung von Best-Practices innerhalb des Menüs für ein einfaches und angenehmes Shopping.

Horst.com Shop

Im Grunde ist es eine kleine eigene Einkaufswelt geworden, in der man sich umschauen kann. 


pinqponq

Nach den mobilen Menüs vor allem vermeintlich komplexer und aufwendiger Menüs gibt es hier ein Gegenbeispiel: Bei pinqponq haben wir ein vermeintlich simples Menü eingearbeitet. Es muss nicht immer alles komplex und aufwändig sein, um gut zu sein.Hier haben wir stattdessen ein cleanes und übersichtliches Menü und einen Fokus auf Text-Menüpunkte. Weitere Menüpunkte sind über Dropdown und einem Klick erreichbar. Außerdem ist das Menü visuell mit Icons untermalt. Das Ganze ist also simpel, aber effektiv.

pinqponq

Fazit

Ein optimales bzw. optimiertes mobiles Menü ist kein Nice-to-have, sondern mittlerweile tatsächlich ein Must-have. Denn die Bedeutung mobilen Shoppings wird -das belegen auch diverse Umfragen und Studien- von Jahr zu Jahr immer größer. Wenn das mobile Einkaufserlebnis also suboptimal ist, ist dies ein Wettbewerbsnachteil gegenüber jenen, die aktiv daran arbeiten. Insofern ist dies ein Thema, das nicht vernachlässigt werden sollte, um gegenüber der Konkurrenz nicht ins Hintertreffen zu geraten.


Du hast Fragen? Melde Dich gerne bei uns!

Falls auch Du Unterstützung bei Deiner Shop-Optmierung benötigst, anderweitig Beratung brauchst oder sonstige Fragen hast, setze Dich gerne mit uns in Verbindung.

Wir von Tante-E sind eine der führenden Shopify-Experten-Agenturen in Deutschland mit Standorten in Berlin und Köln. Wir betreiben nicht nur eigene Onlineshops auf Shopify, sondern haben in den letzten Jahren über 200 Projekte wie Shop-Setups oder Shop-Optimierungen realisiert. Insofern verfügen wir über eine hohe Expertise im Bereich E-Commerce im Allgemeinen und Shopify im Besonderen. 

Daher würden wir uns sehr freuen, wenn wir auch Dir helfen dürfen. Melde Dich einfach bei uns, wir freuen uns auf Dich.

Zurück zum Blog