- Was ist Headless Commerce? <\/a>
- Headless Architektur bei BigCommerce<\/a><\/li>
- Wie Sich Headless Commerce Von Einer Monolithischen Architektur Unterscheidet <\/a><\/li><\/ul><\/li>
- Warum Sich F\u00fchrende Einzelh\u00e4ndler f\u00fcr die Headless-L\u00f6sung Entscheiden <\/a>
- 1. Bessere Kundenerfahrung (CX) <\/a><\/li>
- 2. Omnichannel-Einzelhandel <\/a><\/li>
- 3. Schnellere Markteinf\u00fchrung und Schnelleres Wachstum <\/a><\/li>
- 4. Erstklassige Technologie und APIs <\/a><\/li>
- 5. Stabile Abl\u00e4ufe <\/a><\/li><\/ul><\/li>
- Fazit<\/a><\/li><\/ul><\/div><\/div>\n\n\n\n
Was ist Headless Commerce? <\/h2>\n\n\n\n
Headless Commerce, auch bekannt als Composable Commerce, ist ein technologisches Architekturlayout, bei dem die dem Benutzer zugewandten Shopkomponenten von den Backend- und Transaktionsfunktionen getrennt sind. Dies erm\u00f6glicht es, die visuelle(n) Schnittstelle(n) zu \u00e4ndern, ohne serverseitige \u00c4nderungen (umfangreicher Programmieraufwand) vorzunehmen. <\/p>\n\n\n\n
Headless<\/span> steht f\u00fcr das <\/span><\/span>H<\/span><\/span> in <\/span><\/span>MACH<\/span><\/span><\/a> – eine modulare IT-Architektur, die aus Microservices, APIs, Cloud und <\/span>Headless<\/span> besteht.<\/span> <\/span>Diese Technologieprinzipien bilden die Grundlage f\u00fcr erstklassige Technologieplattformen.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Die <\/span>Headless<\/span>-Architektur erm\u00f6glicht es Ihnen, mehrere Frontend-Schichten an ein einheitliches Backend anzuschlie\u00dfen, so dass Sie neue Kampagnen schnell auf mehrere Verkaufskan\u00e4le – Mobile, Web, intelligente Ger\u00e4te oder Selbstbedienungskioske – bringen k\u00f6nnen, ohne sich um serverseitigen Code k\u00fcmmern zu m\u00fcssen.<\/span> Oder, wie <\/span><\/span>BigCommerce<\/span><\/span><\/a> es ausdr\u00fcckt: Sie haben ein “Schweizer Taschenmesser an kundenorientierten Tools mit einer einzigen Handelsplattform im Backend”.<\/span><\/span> <\/span><\/p>\n\n\n\n
Headless Architektur bei BigCommerce<\/h3>\n\n\n\n
![\"Headless](\"https:\/\/www.edvantis.com\/wp-content\/uploads\/2022\/05\/bigcommerce_de-1024x990.jpeg\")
<\/figure>\n\n\n\nEine E-Commerce-Plattform besteht im Allgemeinen aus drei Schichten: dem Frontend, dem Backend + APIs. <\/p>\n\n\n\n
Sie k\u00f6nnen das Gesamtpaket von einem SaaS-Anbieter kaufen oder ein Entwicklerteam mit der Erstellung einer ma\u00dfgeschneiderten E-Commerce-L\u00f6sung beauftragen. <\/p>\n\n\n\n
Aber nehmen wir an, Sie ben\u00f6tigen sp\u00e4ter mehr Designvorlagen und UI-Funktionen als die von Ihrem SaaS-Anbieter angebotenen. Es gibt immer noch die M\u00f6glichkeit, die ben\u00f6tigten Funktionen von Grund auf neu zu entwickeln, aber das ist kostspielig und zeitaufw\u00e4ndig. Und Sie brauchen diese Kampagnenseite\/VR-gesteuerte Seite\/Mobile App so schnell wie m\u00f6glich. <\/p>\n\n\n\n
Hier kommt Headless ins Spiel. In diesem Fall: <\/p>\n\n\n\n
- Ein offener SaaS-Anbieter wie BigCommerce stellt das Backend Ihres Shops bereit. Deren E-Commerce-Plattform verf\u00fcgt \u00fcber vorgefertigte Funktionen zur Verwaltung von Bestellungen, Produktkatalogen, Hosting, Sicherheit und so weiter. <\/li><\/ul>\n\n\n\n
- Dann k\u00f6nnen Sie verschiedene Frontend-Frameworks ausw\u00e4hlen (anstatt Standardvorlagen f\u00fcr Ihren Shop zu verwenden) und alles mit dem von BigCommerce verwalteten Backend verbinden. <\/li><\/ul>\n\n\n\n
Mit der Headless-Architektur erreichen Sie maximale Flexibilit\u00e4t bei der Gestaltung und Entwicklung Ihres digitalen Shops. Dies ist etwas, das monolithischen Systemen oft fehlt. <\/p>\n\n\n\n
Wie Sich Headless Commerce Von Einer Monolithischen Architektur Unterscheidet <\/h3>\n\n\n\n
In monolithischen E-Commerce-Plattformen sind serverseitige Komponenten und Pr\u00e4sentationskomponenten eng miteinander verbunden. Aus diesem Grund ist es wahrscheinlich, dass die Aktualisierung einer Benutzeroberfl\u00e4che sowohl eine Validierung als auch \u00c4nderungen auf der Backend-Seite erfordert. <\/p>\n\n\n\n
Wenn Sie beispielsweise das Rasterlayout einer Produktseite \u00e4ndern m\u00f6chten, kann dies die Leistung anderer Funktionen wie der Kassenseite oder des Warenkorbs beeintr\u00e4chtigen. Um eine kleine \u00c4nderung am Design vorzunehmen, m\u00fcssen Sie sowohl die Frontend- als auch die Backend-IT-Entwickler einschalten, um sicherzustellen, dass keine anderen Teile der App nicht ausfallen. \n\n <\/p>\n\n\n\n
Da das Online-Shopping haupts\u00e4chlich auf dem Desktop stattfand, st\u00f6rten sich nur wenige H\u00e4ndler an dieser <\/span>Unflexibilit\u00e4t<\/span>.<\/span> Da die Menschen heute jedoch \u00fcber mehrere Kan\u00e4le einkaufen (<\/span><\/span>ca. 36 % der Offline-Verk\u00e4ufe<\/span><\/span><\/a> werden digital get\u00e4tigt) und eine hervorragende Kundenzufriedenheit erwarten, ist die monolithische Architektur zu einem Hindernis f\u00fcr das Wachstum geworden.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Hier ist der Vergleich zwischen Headless und monolithischer Architektur: <\/p>\n\n\n\n
![\"monolith](\"https:\/\/www.edvantis.com\/wp-content\/uploads\/2022\/05\/table_de-1024x852.jpeg\")
<\/figure>\n\n\n\nWarum Sich F\u00fchrende Einzelh\u00e4ndler f\u00fcr die Headless-L\u00f6sung Entscheiden <\/h2>\n\n\n\n
In 2021 gab ein <\/span><\/span>Drittel der H\u00e4ndler<\/span><\/span><\/a> an, dass sie planen, bis Mitte 2022 auf <\/span>Headless<\/span> umzustellen, und ein weiteres Drittel planten dies noch in 2021.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Ja, die Umstellung von Gesch\u00e4ften ist ein gro\u00dfes Unterfangen. Aber die Dynamik der Verbraucheranforderungen wird Online-H\u00e4ndler fr\u00fcher oder sp\u00e4ter dazu zwingen, von einer monolithischen Architektur auf Headless umzustellen. Und wenn ein Unternehmen eine f\u00fchrende Rolle im Einzelhandel spielen will, dann sollte es im Team “fr\u00fcher” sein. Andernfalls riskieren Sie, Marktanteile an agilere, technikorientierte Akteure zu verlieren. <\/p>\n\n\n\n
Der \u00dcbergang zum Headless Commerce bietet enorme Umsatzchancen, kreative Freiheit und andere Vorteile, die Sie sich nicht entgehen lassen sollten: <\/p>\n\n\n\n
1. Bessere Kundenerfahrung (CX) <\/h3>\n\n\n\n
Im Einzelhandel ist das Kundenerlebnis ein entscheidender Wettbewerbsvorteil.<\/span> <\/span>Salesforce<\/span><\/span><\/a> berichtet, dass 84% der Kunden die Kundenzufriedenheit genauso wichtig ist wie die Produkte und Dienstleistungen eines Unternehmens.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Die Verbraucher wollen, dass ihre Lieblingsmarken personalisierte Erlebnisse bieten, einen au\u00dfergew\u00f6hnlichen Kundenservice bereitstellen und ihre Erwartungen st\u00e4ndig \u00fcbertreffen.<\/span> Laut dem <\/span><\/span>McKinsey-Bericht 2020<\/span><\/span><\/a> w\u00fcnschen sich 80 % der befragten Verbraucher von Einzelh\u00e4ndlern eine pers\u00f6nliche Note.<\/span> Und laut dem <\/span><\/span>PWC-Bericht 2021<\/span><\/span><\/a> w\u00fcnschen sich 39% der Kunden, dass Marken stets ihre Bed\u00fcrfnisse erf\u00fcllen, und 38% erwarten, dass der Kundenservice hochkar\u00e4tig ist.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Headless hebt die Kundenzufriedenheit auf die n\u00e4chste Stufe, da es die M\u00f6glichkeit bietet, das Design nach Lust und Laune zu \u00e4ndern, die Seiten an die dynamischen Erwartungen der Nutzer anzupassen, die Navigation und die Konsistenz des Designs zwischen den Kan\u00e4len zu verbessern, usw. <\/p>\n\n\n\n
Burrow<\/span><\/span><\/a>, ein M\u00f6belh\u00e4ndler, hat sich zum Beispiel f\u00fcr <\/span>BigCommerce<\/span> entschieden, weil es <\/span>Headless<\/span> bietet.<\/span> Das Unternehmen entschied sich f\u00fcr eine Kombination aus einem benutzerdefinierten CMS und dem <\/span>BigCommerce<\/span>-Backend.<\/span> Durch die Verwendung einer benutzerdefinierten L\u00f6sung schuf <\/span>Burrow<\/span> einzigartige Einkaufserlebnisse \u00fcber verschiedene Kan\u00e4le hinweg, steigerte die Website-Performance und brachte ma\u00dfgeschneiderte Designs in neue Marketingkampagnen ein.<\/span> Diese kreative UX-Freiheit f\u00fchrte bei <\/span>Burrow<\/span> zu einer Steigerung der Konversionsrate um 30%.<\/span><\/span> <\/span><\/p>\n\n\n\n
2. Omnichannel-Einzelhandel <\/h3>\n\n\n\n
\u00dcber <\/span><\/span>60-70% der Kunden<\/span><\/span><\/a> kaufen heute \u00fcber mehrere Kan\u00e4le ein – im Gesch\u00e4ft und online.<\/span> Dennoch investieren gro\u00dfe Marken zunehmend in andere Plattformen, die die Vorteile von Laden- und Online-Eink\u00e4ufen kombinieren, wie z.B. Selbstbedienungskioske und Live-Commerce.<\/span> So verzeichnen Unternehmen beispielsweise einen <\/span><\/span>Anstieg der j\u00fcngeren Kunden um 20%<\/span><\/span><\/a>, wenn sie Live-Commerce einsetzen.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Wenn Marken neue Kan\u00e4le nutzen, m\u00fcssen sie auch ihre Markenidentit\u00e4t bewahren und das gleiche Ma\u00df an Kundenerfahrung bieten. Kunden wollen in erster Linie ein gro\u00dfartiges Erlebnis an jedem Ber\u00fchrungspunkt, sei es Ihre Website oder eine intelligente K\u00fchlschrankschnittstelle. Und genau hier erweist sich die Headless-Architektur als hilfreich. <\/p>\n\n\n\n
Headless erm\u00f6glicht ein konsistentes Design und die Optimierung von Inhalten, die auf die Anforderungen der einzelnen Kan\u00e4le zugeschnitten sind. Bei mobilen Ger\u00e4ten m\u00fcssen beispielsweise die Hauptschaltfl\u00e4chen gr\u00f6\u00dfer sein und bei Kiosken sollte es keine langen Texte geben, damit keine Warteschlangen entstehen. Mit Headless k\u00f6nnen Sie die Benutzer mit einer individuellen, auf die Marke zugeschnittenen Pr\u00e4sentationsebene auf jedem Kanal erfreuen und gleichzeitig Einzelhandelstransaktionen aus mehreren Kan\u00e4len in einem Backend-System zusammenf\u00fchren und verarbeiten. <\/p>\n\n\n\n
3. Schnellere Markteinf\u00fchrung und Schnelleres Wachstum <\/h3>\n\n\n\n
Der E-Commerce-Markt wuchs in den Jahren 2020\/21 wie auf Steroiden und hat sich auch 2022 nicht <\/span>abkgek\u00fchlt<\/span>.<\/span> In diesem Jahr wird der weltweite E-Commerce-Umsatz zum ersten Mal die Marke von <\/span><\/span>5 Billionen Dollar<\/span><\/span><\/a> \u00fcberschreiten.<\/span> Ein solch schnelles Wachstum des Sektors bedeutet zunehmenden Wettbewerb.<\/span> Wenn Sie also ein Kundensegment oder einen neuen Markt dominieren wollen, m\u00fcssen Sie mit H\u00f6chstgeschwindigkeit vorgehen.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Mit Headless k\u00f6nnen Sie Ihre Aktivit\u00e4ten schneller auf neue Kan\u00e4le und M\u00e4rkte ausweiten. Und so geht’s: <\/p>\n\n\n\n
- Headless-Architektur bedeutet, dass Sie die Backend-Funktionen (Kern-Commerce-Funktionen) Ihres SaaS-Anbieters wie BigCommerce sofort nutzen. Und Sie entwickeln nur das benutzerdefinierte Frontend. Dadurch wird der Entwicklungsprozess beschleunigt. <\/li>
- Mit Headless k\u00f6nnen Sie die besten Frontend-Tools ausw\u00e4hlen und miteinander verbinden, um die zus\u00e4tzlichen Funktionen zu erhalten, die Sie ben\u00f6tigen (z. B. AR-gest\u00fctzte Landing Pages). Sie k\u00f6nnen verschiedene Designs erstellen oder spezifische Tools f\u00fcr die Frontend-Ebene jedes Kanals verwenden. <\/li>
- Mit Headless k\u00f6nnen Marketingteams benutzerdefinierte Inhalte erstellen und das Seitendesign \u00e4ndern, ohne auf die IT-Abteilung angewiesen zu sein. <\/li><\/ol>\n\n\n\n
Durch den Zugriff auf die wichtigsten Commerce-Funktionen und die hohe Interaktionsgeschwindigkeit k\u00f6nnen Sie schnell auf neue Kan\u00e4le und M\u00e4rkte expandieren (und sind damit der Konkurrenz voraus). <\/p>\n\n\n\n
4. Erstklassige Technologie und APIs <\/h3>\n\n\n\n
Headless-Architekturen st\u00fctzen sich in hohem Ma\u00dfe auf Anwendungsprogrammierschnittstellen (APIs). APIs sind wie ein ‘Klebstoff’. Sie helfen Ihnen, verschiedene Frontend-Frameworks, CMS, DXPs und PWAs mit Ihrem Backend (E-Commerce-Plattform) zu verbinden. <\/p>\n\n\n\n
Bei monolithischen Systemen waren die Entwickler gezwungen, dieselben Programmiersprachen oder eine bestimmte Anzahl von unterst\u00fctzten Frontend-Frameworks zu verwenden, um individuelle Designs zu entwickeln. Oder alles von Grund auf neu zu entwickeln, was immer teurer ist. Headless hat das ge\u00e4ndert. <\/p>\n\n\n\n
Da die <\/span>Headless<\/span>-Architektur die Verwendung von “<\/span>komponierbaren<\/span> Bl\u00f6cken” (<\/span><\/span>Microservices<\/span><\/span><\/a> und APIs) voraussetzt, haben Sie die M\u00f6glichkeit, die besten Frontend-Tools mit vorgefertigten L\u00f6sungen, die Sie ben\u00f6tigen, auszuw\u00e4hlen und einfach zu \u00fcbernehmen.<\/span> Mindestens <\/span><\/span>75%<\/span><\/span><\/a> der Kunden<\/span><\/span><\/a> erwarten heute, dass Marken neue Technologien einsetzen, um ihre Kundenzufriedenheit zu verbessern.<\/span> Eine <\/span>Headless<\/span>-Architektur gibt Ihnen den Spielraum und die Flexibilit\u00e4t, genau das zu tun.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
5. Stabile Abl\u00e4ufe <\/h3>\n\n\n\n
Da Sie \u00fcber ein separates Frontend und Backend verf\u00fcgen, k\u00f6nnen Sie beide anpassen, ohne das jeweils andere zu st\u00f6ren. So k\u00f6nnen Ihre Entwickler die Backend-Prozesse optimieren (z.B. neue Integrationen hinzuf\u00fcgen, die Geschwindigkeit maximieren, die Sicherheit verbessern, die Anwendung einfach skalieren), ohne sich um das Frontend zu k\u00fcmmern. <\/p>\n\n\n\n
Als <\/span><\/span>The Good and the Beautiful<\/span><\/span><\/a> beispielsweise ihre E-Commerce-Plattform nicht mehr weiter skalieren konnte, entschied sich das Unternehmen f\u00fcr die Migration auf eine Headless-Architektur bei BigCommerce<\/a>.<\/span> Durch die Entkopplung des Frontends vom Backend gelang es dem Einzelh\u00e4ndler, den Umsatz zu steigern und die Auftrags- und Versandabwicklung im Backend zu verbessern.<\/span> Auf der Frontend haben sie ihr Design aufgefrischt und das WordPress CMS angeschlossen, um mehr Bildungs- und Werbeinhalte f\u00fcr Kunden zu ver\u00f6ffentlichen.<\/span> Nach der Migration verzeichnete das Unternehmen einen Anstieg der Konversionsrate um 72%, einen Anstieg der Bestellungen um 358% und einen Anstieg der Einnahmen um 322%.<\/span> <\/span><\/p>\n\n\n\n
Au\u00dferdem kann das Marketingteam mit <\/span>Headless<\/span> Page <\/span>Builder<\/span> verwenden, ohne die IT-Abteilung einschalten zu m\u00fcssen.<\/span> <\/span>Burrow<\/span><\/span><\/a> zum Beispiel konnte sich mehr auf das Marketing konzentrieren, seit die Teams mit <\/span>Headless<\/span> die autonome Kontrolle \u00fcber die Website haben, ohne auf Code angewiesen zu sein.<\/span> Die geringeren Reibungsverluste zwischen den Teams sind der Grund, warum <\/span><\/span>72% der H\u00e4ndler <\/span><\/span><\/a>planen, in Zukunft eine <\/span>Headless<\/span>-Architektur zu verwenden.<\/span> <\/span><\/span> <\/span><\/p>\n\n\n\n
Fazit<\/h2>\n\n\n\n
Der Online-Handel entwickelt sich st\u00e4ndig weiter und bietet H\u00e4ndlern neue M\u00f6glichkeiten, Kunden zu gewinnen. Ob eine Marke diese M\u00f6glichkeiten nutzt oder standhaft bleibt, h\u00e4ngt von ihrer F\u00e4higkeit ab, innovativ zu sein und sich zu ver\u00e4ndern. <\/p>\n\n\n\n
Oft sind es die Marktf\u00fchrer, die aus den Ver\u00e4nderungen Kapital schlagen.<\/span> Laut <\/span><\/span>McKinsey<\/span><\/span><\/a> sind 50 Prozent der Unternehmen mit den h\u00f6chsten 10 Prozent des Umsatzes erfolgreicher beim Testen von Ideen und bei der Ver\u00e4nderung von Produkten, Dienstleistungen und der Art und Weise, wie sie ihr Gesch\u00e4ft betreiben, als ihre Wettbewerber.<\/span><\/span> <\/span><\/p>\n\n\n\n
- Dann k\u00f6nnen Sie verschiedene Frontend-Frameworks ausw\u00e4hlen (anstatt Standardvorlagen f\u00fcr Ihren Shop zu verwenden) und alles mit dem von BigCommerce verwalteten Backend verbinden. <\/li><\/ul>\n\n\n\n
- 2. Omnichannel-Einzelhandel <\/a><\/li>
- Wie Sich Headless Commerce Von Einer Monolithischen Architektur Unterscheidet <\/a><\/li><\/ul><\/li>
- Headless Architektur bei BigCommerce<\/a><\/li>