KL Design
Headless · Shopify-Backend · Code-Frontend

Ihr Shop lebt in Ihrer Webseite. Nicht auf shopify.com.

Shopify nutzen wir nur als Engine im Hintergrund — für Zahlungsabwicklung, Inventar und Bestellpflege. Der eigentliche Shop läuft nahtlos in Ihrer KL-Design-Codewebseite. Kein Redirect, kein Shopify-Look, kein Template. Der Käufer merkt gar nicht, dass Shopify im Spiel ist.

14:32···
Marke / München
🛍
Signature Piece — Gold
Handgefertigt · München
€ 1.290
+
Atelier Kollektion
Limited · 14 Stück
€ 890
+
Signature — Onyx
Neu · Münchner Studio
€ 690
+
Mobile Score
94/100
PageSpeed · Studio Ø
Apps Ø / Shop
6
statt 18 Marktdurchschnitt
G
Verifiziert
DSGVO · EU
Google Reviews · Studio München

Vier Jahre Studio-Arbeit,
46 verifizierte Bewertungen.

5,0von 5,0
46 Bewertungen · Stand 2026
Auf Google ansehen
Auswahl aus 80+ Mandaten · 2014–2026
Moventia Juwelier Kohler GFU Forming Zelte von Lenz White Silhouette Baby got Business Kempkens x Kohler Designcompany
Wo es klemmt

Vier Muster, warum klassische Shopify-Stores nicht funktionieren.

Shopify ist eine starke Engine. Aber als sichtbares Frontend führt es bei Premium-Marken zu denselben Problemen — immer wieder.

01 · Sichtbar Shopify

Käufer landen auf einer fremden Optik.

Klick auf „Shop" → Redirect zu shop.marke.de → andere Optik, andere Navigation, anderer Footer. Der Käufer merkt: das ist nicht mehr die Markenwelt, das ist Shopify.

02 · Theme-Gleichheit

Dawn aus dem Store, gleiche Optik wie 5.000 andere.

Selbst mit Theme-Customizing bleibt die Shopify-Logik sichtbar — Standard-Layouts, Standard-Product-Pages, Standard-Cart. Markenführung ist auf Kompromisse angewiesen.

03 · App-Stapel

Zu viele Apps, kein Plan, jede mit eigener Optik.

Reviews, Upsell, Tabs, Slider, Mega-Menu — jede Funktion eine App, jede mit eigenen Embeds. Performance schlecht, Wartung unübersichtlich, Brand-Konsistenz unmöglich.

04 · Performance

Mobile lädt 5+ Sekunden.

Themes mit zu vielen App-Embeds, ungeoptimierte Bilder, Liquid-Render-Overhead. Mobile-Score < 50, Bounce hoch, AOV niedrig.

Vergleich

Klassischer Shopify-Store vs. Shop in der Webseite.

Beide nutzen Shopify im Hintergrund. Der Unterschied: was der Käufer sieht — und welche Marken-Erfahrung er hat.

Kriterium
Klassisch (Shopify sichtbar)
KL-Design (Shop im Code)
Sichtbarer Stack
Shopify-Theme, Standard-Layout
Reine KL-Codewebseite, keine Shopify-Optik
Käufer-Erfahrung
Klick auf „Shop" → Redirect, Optik-Bruch
Shop nahtlos in der Seite, kein Redirect
Markenführung
Eingeschränkt durch Theme-Logik
Voll — jede Section, jeder Klick im Brand
Performance
Theme + 15 Apps = Mobile < 60
Statischer Code = Mobile 90+
Zahlungsabwicklung
Shopify Checkout
Shopify Checkout (im Code eingebettet)
Produktpflege
Shopify-Admin
Shopify-Admin (unverändert für Sie)
Inventar & Bestellungen
Shopify
Shopify (gleicher Workflow)
DSGVO & EU
EU-Hosting (Irland)
Hosting in Deutschland, Shopify nur als API
Ideal für …
Schnelle Standard-Shops
Premium-Marken, Boutique, B2C mit Anspruch
Vorgehen

Vier Phasen vom Shopify-Backend bis zum Shop-im-Code — jede mit klarem Ergebnis.

Backend und Frontend entstehen parallel. Sie sehen alle 7 Tage einen funktionierenden Stand auf Staging.

Briefing

Sortiment + Marke.

Sortimentsstruktur, Marge, Logistik, Brand-Sprache. Daraus ergibt sich die Produktdarstellung im Code-Frontend.

1 Tag
Backend

Shopify als Engine.

Shopify-Setup mit Produkten, Varianten, Lager, Versand, Steuern, Klaviyo. Saubere Datenbasis — bleibt für immer Ihre Pflege-Oberfläche.

1–2 Wo
Frontend

Shop direkt im Code.

Produktseiten, Galerie, Warenkorb-Layer, Filter — alles in reinem HTML/CSS/JS, gekoppelt an Shopify per Storefront-API. Kein sichtbares Shopify.

3–5 Wo
Launch + Pflege

Übergabe + KI-Pflege.

Produkte pflegen Sie im Shopify-Admin wie gewohnt. Für Layout-Änderungen, neue Sections oder Brand-Anpassungen läuft unsere KI-Pflege-Pipeline.

14 d Hypercare
01 / 04
Was Sie bekommen

Shop direkt im Code — Shopify nur, wo es unsichtbar Sinn macht.

Sechs konkrete Lieferobjekte. Sie behalten Shopify-Account, Storefront-API-Konfiguration, kompletten Code. Kein Lock-in.

Code-Frontend

Sämtliche Produktseiten, Galerien, Filter, Warenkorb-Layer als reines HTML/CSS/JS. Keine Liquid-Templates, kein Shopify-Theme.

Phase 03Reiner Code

Shopify-Backend

Produkte, Varianten, Lager, Versand, Steuern, Klaviyo — sauber eingerichtet. Sie pflegen alles wie gewohnt im Shopify-Admin.

Phase 02Shopify Standard

Storefront-API-Anbindung

Code-Frontend zieht Produkte, Preise, Lagerstand live aus Shopify. Checkout läuft über Shopify Checkout — sicher, DSGVO-konform.

Phase 03GraphQL

Performance ab Werk

Statisches Frontend, Lazy Load, Critical CSS, optimierte Bilder. Mobile-Score 90+ als Standard, nicht Sonderfall.

Phase 03Score 90+

Klaviyo-Flows

Welcome, Browse Abandonment, Cart Abandonment, Post Purchase. Vier Standard-Flows als Fundament, direkt aus Shopify.

Phase 024 Flows

KI-Pflege-Pipeline

Produktpflege im Shopify-Admin. Layout-Änderungen, Brand-Anpassungen, neue Sections per WhatsApp/Mail — unsere KI-Pipeline setzt um, deployed automatisch.

Phase 04inklusive
juwelierkohler.de
Juwelier Kohler · Uhren-Katalog — Projekt von KL Design
Juwelier Kohler · Uhren-Katalog187 Uhren mit Filtern nach Marke, Preis und Zifferblatt — direkt in der eigenen Seite, ohne Marktplatz.
Referenzen

Neun Plattformen aus drei Jahren.

Jede mit Live-Vorschau — Sie sehen die echte Seite, nicht ein Mockup.

Kilian Lenz, Gründer von KL Design in München
Ihr Ansprechpartner

Kilian Lenz

„Sie sprechen mit der Person, die Ihre Seite auch baut. Kein Projektmanager dazwischen, keine Übergabe an ein Team, das Ihr Projekt nicht kennt. Wenn ich nicht der richtige Partner bin, sage ich Ihnen das im Erstgespräch — und empfehle jemanden, der besser passt."

Seit 2021Studio in München
Max. 6Projekte parallel
1 WerktagAntwortzeit
Häufige Fragen

Shop direkt in der Webseite — die Fragen aus dem Briefing.

Wo bezahlt der Kunde am Ende?
Im Shopify-Checkout — direkt in Ihrer Webseite eingebettet. Der Käufer sieht die KL-Codewebseite vom ersten bis zum letzten Klick. Zahlungsmethoden, Versand-Optionen, Steuer-Logik kommen aus Shopify, die Optik bleibt Ihre. Sicher, DSGVO-konform, zertifiziert.
Was sehe ich im Shopify-Admin?
Alles wie gewohnt: Produkte anlegen, Varianten, Lagerstand, Bestellungen, Kunden, Versand, Steuern, Klaviyo. Sie pflegen den Shop wie eine normale Shopify-Site. Nur das Frontend ist anders — und das sehen nur Ihre Käufer.
Können Sie meinen bestehenden Shopify-Store „umziehen"?
Ja. Wir lassen den Shopify-Account bestehen (Produkte, Bestellhistorie, Kundendaten bleiben), bauen daneben das Code-Frontend und schalten beim Launch um. Subdomain oder Hauptdomain — beides möglich. Audit dauert 5 Werktage.
Wie funktioniert die Anbindung technisch?
Wir nutzen Shopifys Storefront-API (GraphQL). Das Code-Frontend ruft Produkte, Preise, Lagerstand live ab. Warenkorb-Logik im Code, Checkout per Shopify-Hosted-Page. Vollständig Headless-Architektur — nicht zu verwechseln mit klassischen Theme-Hacks.
Was bringt das gegenüber einem normalen Shopify-Store?
Premium-Marken-Erfahrung. Käufer landen nie auf shopify.com. Performance deutlich besser (statischer Code vs. Liquid-Render). Brand-Konsistenz vollständig (keine Theme-Logik diktiert Ihnen Layout). SEO besser (reiner Code, schnelle LCP). Lock-in geringer (Code gehört Ihnen, Shopify ist austauschbar).
Wie ist der Datenschutz?
Frontend-Code läuft auf deutschem Hosting (Hetzner). Shopify als Backend EU-gehostet (Irland). Käuferdaten fließen erst beim Checkout in Shopify ein — vorher reine Produktdaten-Calls. Saubere DSGVO-Position.
Kann ich auch ohne sichtbaren Shop anfangen?
Ja. Manche Marken bauen zuerst die Code-Webseite ohne Commerce und schalten Shop später dazu. Das Backend kann jederzeit nachgezogen werden, das Frontend wird um die Shop-Sections erweitert. Modular.
Briefing · Audit · Headless-Setup

Shopify im Hintergrund.
Shop in Ihrer Webseite.

Im Briefing klären wir Sortiment, Marken-Anspruch und ob Headless-Commerce für Sie der richtige Weg ist. Danach klarer Vorschlag mit Aufwand und Phasen.

info@klenzdesign.de
KL Design © 2026 KL Design · München