Headless in der Praxis

Die Headless-Architektur ist weithin als eine neue Technologiestrategie bekannt geworden, die viele Händler in Betracht ziehen. Die Vorteile dieser Architektur werden hauptsächlich beworben, um Unternehmen mehr Auswahlmöglichkeiten für die Integration von Best-of-Breed-Lösungen, überlegene Site-Performance und andere technische Vorteile zu bieten. Obwohl all diese Vorteile wahr und unglaublich vorteilhaft sind, freuen wir uns am meisten über die kreativen Möglichkeiten, die dieser Ansatz für Marken freigesetzt hat.

Markenstarke und einzigartige Benutzererlebnisse waren für viele mittelständische Händler, die ihre Marke durch die Integration dynamischerer Inhalte in das gesamte Einkaufserlebnis aufwerten wollten, etwas unerreichbar. Abgesehen von den teureren und manchmal unerschwinglichen monolithischen Plattformen gab es keine vollständige Lösung, die sowohl die einzigartigen Inhalte als auch die E-Commerce-Anforderungen einer Marke unterstützt. Marken haben die Kompromisse zwischen den beiden abgewogen und sie gezwungen, zu entscheiden, welches wichtiger ist.

Was hat sich also geändert? Eine Änderung ist der Aufstieg und die Unterstützung von APIs durch einige E-Commerce-Plattformen. Die Verfügbarkeit dieser APIs hat eine neue Möglichkeit geschaffen, dynamische Inhaltserlebnisse, Geschäftsdienstanwendungen sowie den Handelskatalog so zu verbinden, dass alles zusammengeführt, Effizienz geschaffen und die Möglichkeit geschaffen wird, eine bessere Marke und einen besseren Kunden zu bieten Erfahrung.

Beispiele dafür, wie Open SaaS von BigCommerce Headless unterstützt

BigCommerce hat schon früh die Entscheidung getroffen, Headless vollständig zu unterstützen, indem es einen offenen SaaS-Ansatz für seine Plattform verfolgt und seinen Katalog und seine Funktionen über APIs verfügbar macht. Diese Strategie hat es Marken ermöglicht, sich schnell an Veränderungen anzupassen und gleichzeitig niedrigere Betriebskosten aufrechtzuerhalten, indem sie Flexibilität bei der Unterstützung des Front-Ends ihrer Wahl bieten. Während es mehrere andere Plattformen gibt, die ähnliche Behauptungen aufstellen, haben wir festgestellt, dass BigCommerce viel weiter ist, da es seine gesamte Plattformstrategie übernommen hat, um Open SaaS und Headless von Anfang an zu unterstützen.

Die Headless-Architektur bietet Marken die Möglichkeit, gleichzeitig einen Schritt zurück und vorwärts zu gehen, ihre aktuellen Branding-Anforderungen zu unterstützen und sie gleichzeitig auf zukünftiges Wachstum und Veränderungen vorzubereiten. Als E-Commerce-Design- und Entwicklungsagentur möchten wir einige konkrete Beispiele dafür vorstellen, wie dieses Framework Kreativität freigesetzt und unsere Designlösungen und -systeme verbessert hat, um die Fähigkeit einer Marke, ihre Website nachhaltiger zu verwalten, besser zu unterstützen.

Seit vielen Jahren hat ZaneRay den Vorteil, sowohl Design als auch Entwicklung zu übernehmen, und nicht wenige unserer Teammitglieder verfügen über beträchtliche Erfahrung und Fähigkeiten in beiden Bereichen. Das Verständnis der Entwicklungs- und Konstruktionsanforderungen hat dazu beigetragen, unsere Designs im Laufe der Jahre zu prägen, was es uns ermöglicht, kreativ etwas weiter zu gehen und gleichzeitig ein genaues Bewusstsein dafür zu bewahren, wo die Grenzen gezogen werden. Das Headless-Framework hat diese Linien in alle Richtungen erheblich erweitert, sodass wir Markenerlebnisse gestalten können, die zuvor für unsere Markenpartner unerschwinglich gewesen wären. Aus gestalterischer Sicht hat die Entkopplung von Front- und Backend es unserem Designteam ermöglicht, in einem robusteren Content-Management-System zu arbeiten, das einzigartige und erfinderische Designs besser unterstützt, die zuvor einfach nicht möglich waren. Aufgrund dieser neu gewonnenen Freiheit konnten wir mit unseren Markenpartnern, die etwas Immersiveres und Einzigartigeres tun möchten, um ihr Markenerlebnis besser zu kommunizieren, weiter forschen.

1. Skullcandy.

Skullcandy ist eine dieser Marken, die eine treue und verbundene Community rund um Musik und Actionsport aufgebaut hat, die auf ihrer Website aufgrund ihrer Rolle bei der Kultivierung dieser Kultur ziemlich aktiv ist. Diese kulturelle Affinität ist es, die ihre Produkte als Lifestyle-Marke verkauft. Aus diesem Grund wollte Skullcandy eine Handelsseite, die ihre Produkte kreativ präsentiert und gleichzeitig die Geschichten rund um die Kunst und Kultur erzählt, die die Essenz der Marke ausmachen. Die Herausforderung, die Skullcandy präsentierte, war die Frage, wie man seine 18-monatige Moods-Kampagne am besten durchführt, die jeden Monat ein Produkt in limitierter Auflage, einen neuen Musiker und neue Kunstwerke enthält. Zu den Anforderungen gehörte die Möglichkeit für das Skullcandy-Team, seine Kampagnen-Assets jeden Monat ohne Entwicklungsbeschränkungen auszutauschen und die Veröffentlichung inszenieren und planen zu können.

Durch die Nutzung des offenen SaaS von BigCommerce konnten wir einen hybriden Ansatz verfolgen, indem wir ein Headless-CMS integriert haben, um die Seitenstruktur und Komponenten zu erstellen, mit der Möglichkeit, die Assets vor der Veröffentlichung des Inhalts bereitzustellen und in der Vorschau anzuzeigen. Das CMS verfügt auch über Planungsfunktionen, die es dem Team ermöglichen, die Seite so zu planen, dass sie mitten in der Nacht ohne Unterstützung durch das Entwicklungsteam online geht. Dieser hybride Ansatz wurde auf andere Bereiche der Website ausgeweitet, was es Skullcandy ermöglicht, die kreativen Grenzen zu erweitern und ihre Marke ohne Einschränkungen zu präsentieren.

2. Yeti-Zyklen.

Yeti Cycles ist eine weitere Headless-Site, die wir kürzlich auf BigCommerce gestartet haben. Ihre vorherige Website war wunderschön gestaltet und erfüllte ihre Branding-Anforderungen gut, aber ihr „Design-First“-Ansatz hatte im Laufe der Zeit zu einem sehr fragmentierten und verworrenen technischen Backend geführt, das extrem unzusammenhängend war, was es für das Marketingteam schwierig machte die Website verwalten oder aktualisieren. Es war nicht nur schwierig, sondern auch ziemlich teuer, da die meisten Updates technische Unterstützung erforderten. Um die Marketinggeschwindigkeit zu erreichen, die sie zum Erreichen ihrer Ziele benötigten, benötigte das Yeti-Team ein besser integriertes Backend zusammen mit einem benutzerfreundlicheren Frontend, das ihnen die Einblicke, Tools und Systeme lieferte, die sie für eine bessere Verwaltung ihrer Website benötigten .

Ein Ziel zu Beginn des Projekts war es, das Gesamtdesign der Website zu verbessern und die Designs zu verbessern, ohne sie vollständig neu zu erfinden. Das Team von Yeti Cycles musste außerdem in der Lage sein, die Integrität dieser Designs für zukünftige Kampagnen, Inhaltsaktualisierungen und Produkteinführungen fortzusetzen, und benötigte die richtigen Systeme und Tools, die es ihnen ermöglichen würden, dies selbst zu tun. Um dies zu erreichen, hat ZaneRay ein Designsystem entwickelt, das von einer Bibliothek wiederverwendbarer Komponenten zusammen mit einem digitalen Styleguide unterstützt wird, der für Markenkonsistenz auf der gesamten Website sorgt und es dem Team ermöglicht, neue Seiten zu erstellen und neue Inhalte hochzuladen. Diese Kombination aus Front-End-Tools und -Systemen zusammen mit einem robusten CMS hat es ihnen ermöglicht, die Genauigkeit der Designs über das ursprüngliche Design und den Aufbau der Website hinaus fortzusetzen.

Dieses System wurde nur wenige Tage nach dem Start der Website mit der Veröffentlichung ihres neuen ARC-Bikes zum 35-jährigen Jubiläum mit Retro-Thema in limitierter Auflage auf die Probe gestellt. Was zuvor viele Wochen der Vorbereitung und Entwicklungskoordination für den Start gekostet hatte, dauerte jetzt Stunden und sie konnten es komplett alleine erledigen. Das Fahrrad war innerhalb weniger Stunden ausverkauft.

Ein weiteres Hauptziel des Projekts war es, sicherzustellen, dass alle ihre Backend-Systeme ordnungsgemäß integriert wurden, damit sie den Kauftrichter vollständig überwachen und mit dieser neuen Sichtbarkeit Anpassungen an ihrer Website basierend auf datengesteuerten Erkenntnissen vornehmen konnten. Die Integrationsherausforderungen, denen sie mit ihrem vorherigen Tech-Stack begegnet waren, hatten auch dazu beigetragen, dass sie ihren Einkaufstrichter nicht überwachen konnten, da die Backend-Systeme so fragmentiert waren. Da es sich bei Headless um ein API-First-Framework handelt, konnten die Backend-Systeme mit minimalem Aufwand vereinfacht und verbunden werden – wodurch ein Backend entstand, das nun vollständig integriert und für die Site-Analyse strukturiert war. Innerhalb des Analytics-Adminbereichs von BigCommerce kann das Yeti-Team jetzt die Raten für aufgegebene Warenkörbe vollständig überwachen, bestimmte Produkte anzeigen, die aufgegeben wurden, sowie spezifische Kampagnen erstellen, um die Abbruchraten zu senken.

3. Black Diamond-Ausrüstung.

Unser drittes und jüngstes Headless-Projekt ist Black Diamond Equipment. Black Diamond ist eine starke Outdoor-Marke, die Schwierigkeiten hatte, ihre inspirierenden Inhalte auf ihrer vorherigen Website zu präsentieren, die sich auf einer der monolithischen Plattformen befand. Aufgrund von Beschränkungen und kostenintensiver Entwicklung entschied sich Black Diamond für eine kopflose Strategie, die die offene SaaS-Plattform von BigCommerce für ihre neue Website einbezog.

Eines der Hauptziele der neuen Plattform war es, dem Marketingteam von Black Diamond zu ermöglichen, die Website und ihre reichhaltigen Inhalte frei zu verwalten, ein dynamischeres kreatives Erlebnis zu bieten, das die Marke besser repräsentiert, und gleichzeitig die Gesamtbetriebskosten zu senken. Die Headless-Lösung umfasste die Integration vieler Serviceanwendungen von Drittanbietern und ein funktionsreiches CMS.

Das neue Design setzt auf eine ähnliche Strategie wie Skullcandy und Yeti Cycles, um reichhaltige Inhalte mit Produkten dort zu kombinieren, wo es für den Kunden am wichtigsten ist. Mit den unglaublichen Bildern und Geschichten, die von der Marke entwickelt wurden, ermöglicht das neue Design und CMS Black Diamond, seine Kunden in die Erfahrungen einzutauchen, für die die Marke bekannt ist. Sie haben nicht nur alle Möglichkeiten, diese Inhalte zu verwalten, sondern ihr Team kann auch weit über das bloße Aktualisieren hinausgehen, wo sie mit diesem fortschrittlichen Designsystem und dem CMS neue Seiten und Inhalte erstellen können.

Ein weiteres Ziel von Black Diamond war es, ihre Botschaften an die verschiedenen Märkte anzupassen. Dazu gehören neben ihren Profisportlern auch europäische Länder und Sprachen. Das CMS unterstützt nicht nur mehrere Sprachen, sondern die Website wurde auch so programmiert, dass das europäische Team diesen unterschiedlichen Kunden unterschiedliche Merchandising-Artikel, Assets und Botschaften präsentieren kann, um eine bessere Benutzererfahrung je nach Markt zu bieten. Das Marketingteam von Black Diamond hat eine neu gewonnene Freiheit, die sie schnell nutzen, wenn sie ihre kreativen Muskeln spielen lassen.

Schlüsselmitnahmen

Während die Headless-Architektur noch in den Kinderschuhen steckt, gleicht sie das Spielfeld dessen aus, was Marken mit ihren digitalen Erfahrungen machen können. Was früher nur durch benutzerdefinierte Programmierung erreicht werden konnte, kann jetzt von nicht-technischen Marketingteams genutzt werden, die eine echte, kompromisslose Erfahrung zum Ausdruck bringen. Early Adopters wie BigCommerce sind bereits weit voraus, wenn es darum geht, Marken und Händler mit diesem Ansatz zum Erfolg zu führen. Die Landschaft wird immer besser, da viele Tools und Programme auftauchen, um Headless zu einer noch einfacheren Architektur zu machen. Diese Kreativität für Marken freizusetzen, ist nur einer der Vorteile von Headless, aber wahrscheinlich der aufregendste für diejenigen, die Spaß an der Schaffung einer großartigen Benutzererfahrung haben.