Kunde
Projekt
#
E-Commerce
#
Webentwicklung
Headless-Storefront, und ein Framer-Plugin als Nebenprodukt.
akh_studio© entstand ohne Kundenauftrag. Genau deshalb zeigt dieses Projekt, was bei Zukunftsberatung möglich ist, wenn kreativer Freiraum gegeben ist.
Über das Projekt
Ausgangslage und Zielbild.
Warum baut man einen E-Commerce-Shop, den niemand bestellt hat?
Kurze Antwort: Ich wollte wissen, warum Wix so beliebt ist.
Aber Wix zu benutzen, fiel mir trotz meinem Hintergrund als Webdesigner nicht leicht.
Ich habe den Editor nach 30 Minuten zugemacht und einen Workaround gesucht.
Mein Ansatz: Headless.
Wix bleibt im Hintergrund (Produkte, Checkout, Versand), das Frontend baue ich selbst.
Damit ist die Demo nicht mehr "Wix-Shop", sondern ein eigener Shop, der Wix nur als Datenlieferant nutzt.
Dabei ist mir was aufgefallen:
Fast 300 Millionen Wix-User, über 3 Millionen Shops.
Und kein einziges Framer-Plugin, das die Lücke schließt. Beim Bauen ist mir genau das aufgefallen. So ist auch "framix" entstanden, als Nebenprodukt aus diesem Projekt.
Die wertvollsten Beobachtungen entstehen in der Praxis.
Das selbst gewählte Korsett.
Wix als Backend ist keine Zufallsentscheidung.
Wix ist die Realität bei vielen kleinen Unternehmen in Deutschland. Also habe ich Wix ausprobiert.
Ich habe den Versuch gestartet, mit dieser Basis ein Shop zu bauen, das nicht nach der Wix-Standardgalerie stinkt.
Das Zielbild.
akh_studio© ist eine fiktive Möbelmarke im Stil italienischer Editorial-Brands. Die imaginäre Marke war nicht der Punkt.
Der Punkt war die Frage: Funktioniert eine Headless-Architektur (Wix als reiner Datenlieferant, eigenes Next.js-Frontend) realistisch für ein KMU?
Bekommst du am Ende einen E-Com Shop, der schneller, schöner und simpler ist als eine Standard-Lösung?
Antwort vorweg, damit du nicht weiterscrollen musst: Ja, es funktioniert. Drei Sprints, drei Tage.
Was dabei rausgekommen ist, ist gleichzeitig ein Argument für Headless und eins gegen Standardsysteme.
Die drei Sprints.
Wer Beratung verkauft, ohne selbst zu bauen, verkauft Vermutungen.
Sprint 1: Marke, Schrift, Layout. Drei Entscheidungen, die den Rest tragen.
Bei einem Editorial-Stil gibt es keine zweite Chance auf den ersten Eindruck.
Wenn der nicht sitzt, scrollt niemand weiter.
Die Wortmarke.
akh_studio© als Lowercase-Logotype mit zwei Anspielungen:
- Arabisch/Jugendsprache "Bruder"
- mein zweiter Vorname, "akihiro".
Bewusster Bruch mit der typischen Großschreibung von Möbelmarken.
Eine Schriftfamilie. Drei Farben. Keine Ausnahme.
Drei Farben (Schwarz, Weiß, ein Grauton für Tiles). Das ist alles.
Keine Akzentfarbe, keine Sekundärschrift.
Was das für den Webshop heißt: Seite lädt schneller, der Designprozess hat null Entscheidungsschulden ("welche Akzentfarbe für x?" ), und die Marke bleibt konsistent.
Diese Disziplin ist der eigentliche Hebel beim Editorial-Look. Es ist nicht das Layout. Es ist die Reduktion.
Sprint 2: Wix als Backend, Next.js als Frontend. Was das in der Praxis heißt.
Headless ist eines der Wörter, die im Pitch fallen und nirgends erklärt werden. Hier die kurze Version: Du trennst das System, das deine Daten verwaltet (Backend), vom System, das deine Kunden sehen (Frontend).
Was bringt ein Headless Setup?
Du behältst dein bekanntes Backend, dein Team muss nichts neu lernen, deine Bestellungen, Produkte und Lagerbestände leben weiter dort, wo du sie kennst.
Aber dein Storefront ist nicht mehr an die Theme-Auswahl deines Shopsystems gebunden. Du kannst individuell als Marke auftreten.
Mehrsprachigkeit ohne Plugin.
DE und EN sind komplett umgesetzt. Eigenes Dictionary-System, keine externe i18n-Library. Die Sprache wird in einem Cookie persistiert, beim Reload bleibt sie erhalten, auch für SEO und Screenreader mehrsprachig aufgebaut.
Barrierefreiheit als Standard, nicht als Add-on.
Die Realität, dass barrierefreie Shops in den nächsten Jahren rechtlich nachgezogen werden (BFSG, EAA) ist nicht zu leugnen.
Dass Screenreader-Nutzer reale Käufer sind, die andere Shops nicht bedienen können, brauche ich wohl nicht nennen.
Sprint 3: Ein Framer Plugin entsteht…
Beim Bauen findet man, wonach man nicht gesucht hat.
Beim Aufsetzen von akh_studio© bin ich auf einen Punkt gestoßen, an dem die Welt von Wix und Framer nicht zusammenpassen. Wer einen Wix-Shop hat und auf Framer eine Marke bauen will, kann das Stand heute nicht.
Produkte müssen manuell übertragen werden.
Bilder einzeln neu hochladen, jede Preisänderung ist nun Doppelarbeit.
Ich baue nicht nur, was Kunden bestellen. Ich baue auch Werkzeuge, die noch fehlen.
Daraus entsteht gerade framix. Ein Framer-Plugin, das E-Commerce-Backends an Framer-CMS anbindet. Erster Adapter: Wix Stores. Spätere Adapter in Planung: WooCommerce, BigCommerce, Squarespace.
Mehr dazu folgt, wenn das Plugin im Framer Marketplace erscheint.
Schlusswort
Was du bei akh_studio© sehen kannst, falls du Beratung suchst.
Die harten Zahlen
Zum Vergleich: Ein durchschnittliches Wix-Standard-Theme liegt bei 50 bis 70 Punkten. Das heißt nicht, dass Wix schlecht ist.
Die weichen Zahlen
Was dabei nicht direkt messbar ist:
Ich habe in drei Tagen ein Frontend gebaut, das nach einer Marke aussieht, nicht nach einem Template.
Dazu eine Architektur, die schneller ist als jedes Template auf Wix.
Und ein Plugin, das aus dem Projekt heraus entstanden ist, weil ich beim Bauen gesehen habe, was fehlt.
Das ist die Bandbreite, die ich dir anbiete. Branding, Frontend, Backend, Compliance und bei Bedarf individuelles Werkzeug, das alles verbindet.
Was das für dich als Geschäftsführer bedeutet
Wenn du Geschäftsführer bist, dann frage dich doch mal:
Was ist möglich, wenn jemand in deinem Unternehmen nicht nur Aufgaben abarbeitet, sondern:
Selber Erfahrung im Planen, Gestalten, Entwickeln und out-of-the-box Lösung haben, und das in einer Person?
Das ist Zukunftsberatung.
Ähnliches Projekt anfragen:
Mehr entdecken.
