Shopify Shop für SpaceMaker — entwickelt in Liquid

Smart Dato entwickelte den SpaceMaker-Shop vollständig in Liquid — mit 350 scroll-synchronisierten Animationsframes, Kompatibilitäts-Wizard und ohne Drittanbieter-Apps. So werden Fehlkäufe und kostspielige Retouren reduziert.

Ähnliches Projekt besprechen

SpaceMaker

SpaceMaker produziert einen Schwenkadapter, der zwischen Anhängerkupplung und Fahrradträger montiert wird. Zwei montierte E-Bikes schwenken 90° zur Seite — die Heckklappe ist sofort frei, Räder bleiben montiert. CE-zertifiziert, aus Abrasionsstahl, kompatibel mit nahezu allen Trägern für maximal zwei Fahrräder im gesamten DACH-Markt. Als Shopify-Agentur mit Sitz in Südtirol hat Smart Dato jede Sektion und jede Zeile Code entwickelt.

Ausgangssituation

Komplexes Produkt ohne geführten Kaufweg

Zwei Varianten, eine Kompatibilitätsmatrix, ein Preis über 1.000 €. Ohne Auswahllogik liegt die Verantwortung für die richtige Wahl beim Kunden — falsche Bestellungen bedeuten Retouren.

Kein fertiges Tool konnte das liefern

Keine Shopify-App kombinierte ein scroll-getriebenes Markenerlebnis mit einem mehrstufigen Kompatibilitäts-Checker — ohne monatliche Abo-Kosten und externe Abhängigkeiten. Standardtools hätten Kompromisse erzwungen.

Der Händler brauchte Kontrolle, keine Abhängigkeit

Jede Lösung, die für Wizard-Updates oder Animationsänderungen die Agentur erfordert, schafft einen dauerhaften Engpass. SpaceMaker musste das Erlebnis eigenständig über Shopifys Standard-Tools steuern — ohne Code.

Was wir gebaut haben — eine dreiteilige geführte Kaufreise

Drei eigene Shopify-Sektionen in Liquid und JavaScript. Animierte Landingpage → Produkt-Wizard → Produktdetailseite.

Cinematische Landingpage mit 350 scroll-synchronisierten Animationsframes

Eine 350-Frame-Bildsequenz auf einem HTML5-Canvas, Frame für Frame mit der Scroll-Position verknüpft — dieselbe Technik wie auf Apple-Produktseiten, nativ in Shopify implementiert. Ein Scroll-Gate pausiert an einem entscheidenden Moment und gibt die Weiterfahrt nur bei bewusstem Scroll frei. Alle Parameter im Theme Editor konfigurierbar — kein Code nötig.

Intelligenter Produkt-Wizard — die richtige Variante, jedes Mal

Ein Decision-Tree-Wizard ordnet Fahrzeug- und Träger-Antworten automatisch der richtigen SpaceMaker-Variante zu. Fehlbestellungen sind strukturell ausgeschlossen. Kunden außerhalb der Spezifikation landen bei einer Kontaktoption, nicht in einer Sackgasse. Fragen, Optionen und Varianten-Zuordnungen — vom Händler ohne Entwickler konfigurierbar.

Interaktive Produktdetailseite

Klickbare Hotspots zeigen Spezifikationsdetails auf Abruf. Scroll-Video-Sektionen ohne externe Player. Eigene Produktlayouts und lokalisierbare Inhaltsfelder direkt auf der Seite — keine Weiterleitungen, keine Drittanbieter-Tools.

Tecnologia

Shop-Plattform Shopify (Grow-Plan, eigenes Liquid-Theme)
Animations-Engine HTML5-Canvas — 350-Frame-Bildsequenz
Interaktionslogik Eigene JavaScript-State-Machine
Produkt-Wizard Decision-Tree-Konfigurator — eigene Liquid-Sektionen
Theme-Editor-Konfigurierbarkeit 100 % — händlerseitig anpassbar
Eigener Code ca. 6.500 Zeilen (Liquid + JavaScript)

Ergebnisse

Keine Fehlbestellungen — der Decision-Tree-Wizard führt jeden Kunden vor der Bestellung zur richtigen Variante.

Null App-Abhängigkeiten — keine laufenden SaaS-Kosten, kein externer Code, kein Vendor-Lock-in.

Volle Händler-Autonomie — Wizard, Animationen und CTAs im Theme Editor ohne Entwicklerbeteiligung verwaltbar.

Apple-Scroll-Erlebnis auf dem Grow-Plan — 350-Frame-Canvas-Animation in einem Theme, das der Händler selbst pflegt.

Mobile-first Performance — Cover-fit-Rendering hält das Erlebnis auf jedem Gerät.

Ähnliche Herausforderungen in Ihrem Online-Shop?

Shopify Shop erstellen lassen — wann lohnt sich Custom-Liquid-Entwicklung?

Die meisten Shopify-Shops brauchen kein Custom Liquid. Ein Lebensmittelhersteller wie Rinner & Speck erzielt auf einem gut konfigurierten Grow-Plan-Theme mit einigen Apps solide Ergebnisse. Für unkompliziertes E-Commerce ist das die richtige Wahl.

Die Rechnung ändert sich, wenn das Produkt vor dem Kauf Komplexität erzeugt. Der schwenkbare Fahrradträger-Adapter von SpaceMaker hat eine klare Kompatibilitätsmatrix — Fahrzeuggröße, Kupplungstyp, Kugelkopfdurchmesser, Trägerkompatibilität und Schwenkrichtung bestimmen gemeinsam die richtige Variante. Die falsche Variante bedeutet eine Retoure über 1.000 €. Der individuelle Wizard rechnet sich durch verhinderte Fehlbestellungen.

Custom-Liquid-Entwicklung eliminiert außerdem die App-Abonnementebene. Monatliche Shopify-Apps bedeuten dauerhaften Overhead, externen Code und Abhängigkeiten, die bei Updates brechen können. Wer Funktionalität nativ entwickelt, besitzt sie.

Häufig gestellte Fragen

Was kostet ein individuell entwickelter Shopify-Shop in Liquid?

Custom-Liquid-Entwicklung wird projektbezogen kalkuliert. SpaceMaker umfasste ca. 6.500 Zeilen Code — ein anderes Engagement als ein Grow-Plan-Theme-Setup. Ausgangspunkt ist ein Gespräch über Kaufreise, Produktkomplexität und was der Händler eigenständig verwalten soll. Kontaktieren Sie uns für eine projektbezogene Einschätzung.

Kann ich einen Custom-Liquid-Shopify-Shop ohne Entwickler betreiben?

Ja, wenn er so konzipiert wurde. Beim SpaceMaker-Shop ist alles Händlerseitige im Shopify Theme Editor bearbeitbar: Animationsstufen, Wizard-Fragen, Varianten-Zuordnungen, CTAs. Strukturelle Änderungen erfordern Entwicklung. Konfiguration und Inhalt nicht.

Warum keine Shopify-Apps für Wizard und Animationen?

Keine App erfüllte SpaceMakers Anforderungen: mehrstufiger Kompatibilitäts-Checker, Verzweigungslogik, scroll-gesteuerte Animation und Soft-Redirect für Randfälle — alles ohne externe Abhängigkeiten. Apps sind auf das begrenzt, was ihre Entwickler gebaut haben. Custom Liquid nicht. Dazu: null laufende App-Kosten.

Arbeitet Smart Dato mit Händlern im DACH-Markt?

Ja. Smart Dato hat seinen Sitz in Südtirol und betreut Kunden in der Schweiz, Deutschland, Österreich und Italien. SpaceMaker ist eine Schweizer Marke für deutschsprachige DACH-Kunden. DSGVO-Konformität, EU-Zahlungsmethoden und CE-Produktanforderungen waren fester Bestandteil des Projektumfangs.

Ist Custom-Liquid-Entwicklung nur mit Shopify Plus möglich?

Nein. Der SpaceMaker-Shop läuft auf dem Standard-Shopify-Grow-Plan. Custom-Liquid-Entwicklung funktioniert auf allen Plan-Stufen. Shopify Plus ist relevant für Checkout-Individualisierung und B2B-Funktionen — nicht für Storefront-Animationen oder Produkt-Wizards.

Ein Projekt wie SpaceMaker? Lassen Sie uns sprechen.