Checkliste: So gestaltest du deinen Onlineshop für Mobilgeräte

Sobald du dir einen Überblick darüber verschafft hast, was Mobile Commerce ist und warum es für dein Unternehmen wichtig ist, geht es als nächstes darum, deinen Shop aufzubauen und ihn für den mobilen Verkauf vorzubereiten. Mit der richtigen Software zur Website-Erstellung wird der Prozess der mobilen Optimierung ganz einfach – und erledigt sogar einen Teil der Arbeit für dich.

Mit unserer Checkliste lernst du in acht Schritten die wichtigsten Grundlagen für die Gestaltung eines mobilfreundlichen Onlineshops kennen.

1. Wähle eine E-Commerce-Plattform

Wenn du ganz am Anfang deiner E-Commerce-Planung stehst, solltest du dich zunächst entscheiden, wie und wo du deinen Onlineshop einrichten möchtest. Entscheide dich für eine Plattform, die dir das Anpassen und Optimieren deines Shops einfach macht, damit du dich auf das Wesentliche konzentrieren kannst: dein Unternehmen voranzubringen.

Mit Squarespace kannst du Produktveröffentlichungen planen, dein Inventar verwalten, deinen Shop mit Social Media verbinden und die Versandlogistik abwickeln – und das alles von einem zentralen Ort aus.

2. Lade Produkte und Beschreibungen hoch

Sobald du die wichtigsten Bereiche deiner Website eingerichtet und Produktfotos hochgeladen hast, kannst du damit beginnen, die Produkte in deinem Shop zu präsentieren. Deine Fotos sollten qualitativ hochwertig sein und die Einzigartigkeit deiner Produkte hervorheben – selbst auf einem kleineren Bildschirm.

Verfasse Produktbeschreibungen, die zu deiner Markenstimme passen, und gehe dabei auf wichtige Details ein, die deine Kund:innen wissen sollten. Wenn du beispielsweise handgemachten Schmuck verkaufst, empfiehlt es sich, die verwendeten Materialien aufzulisten und Pflegehinweise anzugeben. Fasse dich in deinen Beschreibungen kurz und konzentriere dich auf das Wesentliche, damit deine Kund:innen auf einem kleineren Bildschirm möglichst wenig scrollen müssen.

3. Überlege dir, wie du deinen Onlineshop für Mobilgeräte optimieren möchtest 

Viele Plattformen zur Website-Erstellung verfügen bereits über einige integrierte Funktionen zur mobilen Optimierung – wie etwa Adaptive oder Responsive Design – die dafür sorgen, dass deine Website geräteübergreifend funktioniert. Jede Squarespace-Website verfügt über Responsive Design. Das bedeutet, dass sie schnell lädt und sich an jede Bildschirmgröße anpasst. Bilder und Text werden automatisch auf die Größe des Bildschirms skaliert oder verschoben, ganz ohne visuelle Makel oder abgeschnittene Fotos.

Es kann auch eine Überlegung wert sein, eine Website speziell für Mobilgeräte (oft auch als „Mobile-Only-Website“ bezeichnet) zu erstellen. Eine Website von Unfold Bio ist eine einfache und schnelle Möglichkeit, eine Markenwebsite nur für Mobilgeräte zu kreieren, die Links zu deinem Shop und deinen Produkten enthält und ganz einfach per Smartphone und Tablet abrufbar ist.

4. Sorge für eine einfache mobile Navigation in deinem Shop

Wenn es darum geht, die Funktionen deiner Website für Mobilgeräte zu optimieren, solltest du dich immer in die Lage deiner Kund:innen versetzen. Sorge dafür, dass dein Shop über ein übersichtliches Menü verfügt, das sich intuitiv bedienen lässt und deinen Kund:innen das Stöbern erleichtert, indem du Kategorien festlegst, das Filtern und Sortieren von Artikeln ermöglichst oder eine Suchfunktion hinzufügst. 

Je weniger deine Benutzer:innen herumtippen müssen, um deine Produkte auf einem beliebigen Gerät zu finden und anzusehen, desto wahrscheinlicher wird es, dass ihr Besuch in einem Kauf resultiert. Ein reibungsloses Website-Erlebnis hinterlässt bei deinen Kund:innen außerdem einen positiven Eindruck deiner Website und deiner Marke insgesamt. Das schafft Vertrauen und damit beste Voraussetzungen für zukünftige Besuche.

5. Denke beim Platzieren von Funktionen und Text an die Größe eines Handybildschirms

Bei der Optimierung für Mobilgeräte geht es nicht nur darum, dass deine Website auf einem kleinen Bildschirm gut aussieht, sondern auch, ob deine Kund:innen alles problemlos mit der Reichweite ihres Daumens antippen können. Deine Website-Texte sollten auch auf kleinen Mobilgeräten gut lesbar sein, und die Bilder sollten die gewünschte Botschaft und Produktmerkmale auch auf einem kleineren Bildschirm klar vermitteln.

Website-Funktionen wie das Navigationsmenü oder die Suchleiste sollten gut erkennbar und mit einem Fingertipp zu erreichen sein, damit deine Besucher:innen nicht umständlich mit ihrem Handy herumfummeln müssen oder versehentlich auf einen falschen Link klicken.

6. Biete einfache und schnelle mobile Transaktionen 

Bis zu 69 % aller Kund:innen brechen den Kauf während des Checkout-Prozesses ab. Auch wenn nicht jeder Grund für eine abgebrochene Transaktion in deiner Hand liegt – das Design deiner Website schon! Lange Formulare, die den Bestellprozess um zusätzliche Schritte verlängern oder deine Besucher:innen auf eine andere Website umleiten, können zur Folge haben, dass potenzielle Kund:innen auf halbem Wege den Kauf abbrechen. Gib im virtuellen Kassenbereich auch Informationen über Rücksendungen und Umtausch an, damit sich deine Kund:innen beim Kauf sicher fühlen. 

Du kannst den Kassenbereich auf deiner Website so anpassen, dass die Schritte einfach zu durchlaufen sind. Wenn du deinen Kund:innen die Möglichkeit bietest, sich zu registrieren oder anzumelden, solltest du ihnen zusätzlich die Option bieten, als Gast zu bezahlen. Oder noch besser: Biete Optionen wie eine Express-Kasse an, bei denen Adressinformationen automatisch ausgefüllt und die Anzahl der Klicks, die zum Aufgeben einer Bestellung erforderlich sind, reduziert werden.

7. Integriere deinen Shop in deine Social-Media-Kanäle

Sobald du deinen Shop mobilfreundlich gestaltet hast, kannst du dich daran machen, neue Kund:innen zu gewinnen. Integriere deinen Shop in deine Social-Media-Plattformen, indem du von deinem Profil aus darauf verlinkst. Auf diese Weise können Kund:innen direkt über die Social-Media-Plattform einkaufen. Nutze deine Social-Media-Kanäle auch dafür, um deine Produkte zu bewerben.

Social Selling ist eine großartige Möglichkeit, deinen M-Commerce-Umsatz zu steigern, da es deine Produkte genau dort platziert, wo Kund:innen ohnehin einen Großteil ihrer Online-Zeit verbringen. Mit Social Selling können sie ohne großen Aufwand direkt auf der Plattform ihrer Wahl einen Kauf tätigen, wodurch sich die Transaktion nahtlos anfühlt.

8. Erwäge den Einsatz zusätzlicher Funktionen, die deinen Umsatz steigern können 

Nachdem du alle wesentlichen Punkte umgesetzt hast, kannst du über zusätzliche Funktionen nachdenken, um deine Umsätze zu steigern. 

Probiere es z. B. mit diesen gängigen Strategien:

• Füge ein Feature hinzu, das deinen Kund:innen automatisch eine E-Mail sendet, wenn sie einen gefüllten Warenkorb zurücklassen 

• Richte eine automatisierte Willkommens-E-Mail mit einem Rabattcode ein

• Baue gute Beziehungen zu deinen Kund:innen auf, indem du einen E-Mail-Newsletter aufsetzt 

• Füge eine „Jetzt kaufen, später zahlen“-Option hinzu, damit deine Kund:innen ihren Einkauf später oder in Raten bezahlen können 

• Verwandle deine Website in eine App, damit du Benachrichtigungen an Kund:innen senden kannst.

Das Erstellen einer professionellen, für den mobilen Handel optimierte E-Commerce-Website ist ganz einfach, wenn du diesen acht Schritten folgst. Wenn du neu im Mobile Commerce bist, empfehlen wir dir unsere umfassende Einführung zum Thema M-Commerce.