Komfortabel überall und jederzeit einkaufen
Der kürzlich veröffentlichte Klarna Report zum Thema Mobile Shopping zeigt es deutlich: Der Trend zum Einkauf am Smartphone steigt und zwar rasend schnell. In 13 Ländern wurden 18 000 Konsumenten zu ihren Präferenzen beim Online Shopping befragt und die Tendenz ist auch in Österreich eindeutig: 78% der Menschen in Österreich kauften im Jahr 2021 über mobile Endgeräte ein. Seit Beginn der Pandemie änderten sich die Einkaufsgewohnheiten hin zum Online Handel und damit auch hin zur Nutzung des Smartphones im E-Commerce.
Die offensichtlichste Schlussfolgerung aus der Studie ist wohl das responsive Design. Das Design eines Webshops muss auf allen Bildschirmgrößen fehlerfrei angezeigt werden und darüber hinaus auch noch bequem nutzbar. Ergeben sich auf kleinen Bildschirmen der Smartphones Hürden für den Käufer, so bleibt der Umsatz in diesem Segment schnell aus.
War es vor Jahren noch der große Trend seinen Online Shop mit einem responsive Layout auszustatten, so zählt dies mittlerweile glücklicherweise zum Standard der Webentwicklung. Doch responsive Shop-Oberflächen alleine reichen nicht mehr aus, um Shopper auf Smartphones zufriedenzustellen. Denn auch die optimierte Anzeige von Inhalten kann die Ladezeiten auf Smartphones nicht erheblich verbessern und darüber hinaus existieren mittlerweile einfach zu viele internetfähige Endgeräte - vom Fernseher bis zum Kühlschrank - um diese vernünftig mit einer Lösung abdecken zu können. So haben sich neue Trends entwickelt, die das mobile Shopping zu einem weit zufriedenstellenderen Erlebnis für Ihre Kunden machen.
Magento zeigt sich hier technisch in einer Vorreiterrolle und ermöglicht die problemlose Umsetzung, um den mobile Shopping Trend wirkungsvoll zu nutzen.
Apps sind speziell für die Nutzung am Smartphone ausgelegt und lassen sich entsprechend leicht auf dem mobilen Bildschirm bedienen. Sie haben jedoch den Nachteil, dass sie auf dem Smartphone installiert sein müssen und die Installation einer Einkaufsapp für viele User eine Hürde darstellt die sie am Kauf hindert. Die Lösung: PWA.
Vor mehr als 12 Jahren präsentierte Steve Jobs die Idee erstmals: Eine Webtechnologie, die sich wie eine native App verhält und auch so aussieht, aber im Hintergrund Webtechnologie nutzt. Das macht die Installation einer App überflüssig, erlaubt dem Benutzer jedoch die User Experience einer nativen App und im Hintergrund über API angebunden läuft Ihr regulärer Webshop.
Optimierte Benutzererlebnisse
Für Mobile Shopping Kunden durch eine speziell auf die genutzten Endgeräte optimierte Oberfläche.
Mobile Version Ihres Shops
Sie verhält sich - mit allen Vorteilen - genau wie eine native App und Features wie zum Beispiel Push Notifications werden ermöglicht. Jedoch ohne lästige lokale Installation.
Optimierte Ladezeiten
Die besonders auf mobilen Endgeräten eine wesentliche Verbesserung für den Kunden bringen können.
Für die Umsetzung von Progressive Web Apps bietet Magento das PWA Studio an. Es handelt sich dabei um ein Tool, mit dem eine Webshop-Oberfläche entwickelt wird. Diese Benutzeroberfläche ist im Hintergrund mit dem Magento 2 Webshop verbunden.
Als eine durchaus interessante Alternative zum Adobe PWA Studio von Magento 2, präsentiert sich die Integration von Vue js Storefront mit einem entsprechend konfigurierten Magento Webshop. Zu beachten ist dabei, dass nicht alle Magento 2 - Features in der PWA abgebildet werden können. So werden unter anderem Magento 2 Page-Builder Elemente (geplant in der Version 1.1.), Product-Videos, aber auch Produktvergleiche nicht in der PWA dargestellt.
Anstatt des Magento 2 Page Builders kann ein Headless CMS an die Vue-Storefront angebunden werden und dadurch die Leistungsfähigkeit des Headless CMS weiterhin zu gewährleisten.
Vue.js ist ein JavaScript Web Framework für Frontend-Entwicklung. Es kann durch unterschiedliche Schnittstellen mit Content-Management-Systemen, Headless-CM-Systemen, Webshops oder anderen Applikationen verbunden werden, um Informationen auf unterschiedlichen Endgeräten darzustellen.
Vue.js ist als stabiles Frontend-System weltweit verbreitet, wird als Open-Source System (lizenzkostenfrei) angeboten und kommt unter anderem bei der MediaWiki von Wikipedia zum Einsatz.
Beide Systeme werden als Open-Source Lizenz angeboten, was nicht nur bedeutet das für den Einsatz keine Lizenzgebühren anfallen, sondern das auch der Sourcecode verfügbar ist und adaptiert werden kann. Ein Vorteil des PWA Studios ist bestimmt, dass es von einem eigenen, internen Team von Magento selbst betrieben wird und somit wohl eine höhere Zuverlässigkeit als auch Updatesicherheit gegeben ist. Auf der anderen Seite überzeugt Vue-Storefront mit zahlreichen Features, die im PWA Studio von Magento noch nicht verfügbar sind: Die Bereiche Checkout, Login, My-Account leiten den User alle samt noch auf die klassische responsive Website um. Auf der anderen Seite ist die direkte Integration des Page-Builders als Pluspunkt für das PWA-Studio zu werten.
Was E-Commerce oder generell den Einzelhandel als Branche betrifft, ist es eine unbestrittene Tatsache, dass PWAs bald zum absoluten Standard gehören werden.
Online-Giganten wie Google, Microsoft, Amazon, AliExpress und eine Vielzahl weiterer Unternehmen leben es bereits vor und setzen bereits seit einiger Zeit erfolgreich auf diese Technologie. Der Zukunftstrend ist klar ersichtlich.
Wenn man nun die Entscheidung zwischen Vue Storefront oder Magento PWA-Studion zu treffen hat, dann sollte man als erstes festhalten, dass beide Systeme hervorragende PWA-Plattformen sind und auf ihre Weise äußerst erfolgreich am Markt operieren. Jedes System hat seine Vor- und Nachteile und die Entscheidung kann am Ende nur auf Basis der jeweiligen Anforderungen getroffen werden.
Gerne helfen wir bei der Auswahl des richtigen Systems und unterstützen Sie bei der professionellen Umsetzung!
Heindl - B2C Webshop auf Magento 2
Chemomedica - B2C Webshop mit Magento 2
Tüchler - B2C & B2B Webshop mit Magento 2
CURTAIN STUDIO - Vorhang Konfigurator
