NASCHILIX
Web · 2026/ Überblick
NASCHILIX ist ein Gummi-Label mit zehn Sorten in mattschwarzen 500-g-Beuteln, rotem Logo und einem Mond als Markenzeichen. Dafür habe ich einen kompletten Shopify-Shop gebaut: eigenes Theme, eigene Animationen, vom Vorspann bis zum Warenkorb.
Der Shop erzählt beim Scrollen. Ein Lichtband-Intro führt in die Seite, Gummis platzen mit eigener Wurfphysik aus der Tüte, ein 3D-Schriftband legt sich um den Mond und dreht sich von „NASCHILIX“ zu „Jetzt naschen“. Die Welten-Karten lassen beim Überfahren Gummis herausspringen, die zehn Mixe laufen horizontal durchs Bild.
Dazu ein kleines Browserspiel, „Tüten-Fang“: Gummis mit der Tüte fangen, drei Leben, steigende Stufen, Rekord im Browser und Töne aus dem Web Audio. Intro-Video, Gummiformen, Filmset und Kunstkarten entstanden mit KI, die 24 Gummiformen nach echten Beuteln.
/ Projekt-Details
/ Herausforderung
Ein Gummi-Label soll online nicht nach Baukasten aussehen. Der Shop sollte sich anfühlen wie ein Film und trotzdem ein normaler Shopify-Shop bleiben, den man im Theme-Editor pflegen, mit Produkten füllen und bezahlen lassen kann.
/ Leistungen
Theme & Shop
Eigenes Shopify-Theme (Online Store 2.0, Deutsch als Standard): neun editierbare Abschnitte auf der Startseite, dazu Kollektion, Produkt, Warenkorb als Schublade, Suche, Seiten und Passwortseite. Texte, Bilder und Menüs pflegt das Team im Theme-Editor.
Animation
GSAP, ScrollTrigger und Lenis: Gummis mit Wurfphysik, Schriftband um den Mond mit 16 Ebenen Tiefe, Welten-Karten mit springenden Gummis, horizontale Mix-Strecke, Nebel und Tiefenschärfe. Das Intro ist ein KI-Video im Stil eines Kinovorspanns.
Bildwelt & Spiel
Intro-Video, Gummiformen, Filmset und Kunstkarten per KI, freigestellt und als WebP ausgeliefert. Dazu „Tüten-Fang“ als Canvas-Spiel mit Web-Audio-Tönen und Rekord im Browser.
KI-bearbeitet
KI-bearbeitet
KI-bearbeitet
KI-bearbeitet
KI-bearbeitet
KI-bearbeitet
KI-bearbeitet KI-bearbeitet Kennzeichnung nach Art. 50 EU AI Act: Intro-Video, Gummiformen, Filmset-Bild und Kunstkarten im Shop sind mit KI erzeugt; Theme, Animationen und Code sind eigene Arbeit. Die Aufnahmen zeigen den Shop unverändert.
[ Ansichten ]
Desktop, Laptop, Handy
Echte Aufnahmen der Live-Site — responsiv bis ins Detail. Alle drei Geräte laufen live durch die Seite.
/ Lösung
NASCHILIX hat jetzt einen Shop, der nach Marke aussieht und beim Scrollen eine Geschichte erzählt, vom Lichtband-Intro bis zu den Regeln vom Mond. Alles läuft als echtes Shopify-Theme, das sich im Editor weiterpflegen lässt.
/ Tech-Stack
Shopify Liquid, GSAP & Lenis
Theme für Online Store 2.0 mit über 70 Dateien, 31 ScrollTrigger-Szenen, Lenis fürs Scrollen, Canvas und Web Audio fürs Spiel. Gebaut mit Claude Code.
Higgsfield, Seedance & GPT-Image
Intro-Video mit Seedance 2.5 aus Start- und Schlussbild, Gummiformen und Kunstkarten mit GPT-Image über Higgsfield, freigestellt und als WebP ausgespielt.
Shopify CLI & Theme Check
Jede Änderung geht per Shopify CLI direkt ins Live-Theme, vorher prüft Theme Check das ganze Theme. Frühere Versionen bleiben im Shop als Rückweg.
[ Kontakt ]
Dein Shop. Mit Mond.
Nächstes Projekt
Karls KolaIch messe, wie die Seite genutzt wird (Google Analytics) und ob Besucher über meine Facebook- und Instagram-Werbung kommen (Meta-Pixel) — nur mit deiner Zustimmung. Ohne sie wird nichts gemessen und kein Cookie dafür gesetzt. Details im Datenschutz