00.01 / 00.05
ankner
Onlineshop für ein Streetwear-Label vor dem ersten Drop: ein Intro aus flüssigem Glas, dahinter Kollektion und Produkte in der Markenfarbe Orange.
Aufgabe
ankner verkauft eine Haltung, nicht nur ein Shirt. Die Besucher kommen meist am Handy über Instagram und TikTok, im Sortiment sind zwei Shirts. Ausgangspunkt war ein Shopify-Theme auf Basis von Horizon, schwarz auf weiß und noch ohne das Brandbook des Labels. Ziel war, die Marke vom ersten Moment an spürbar zu machen und das Brandbook im ganzen Shop umzusetzen, ohne den schlichten Aufbau der Startseite aus Film, Titel und Knopf aufzugeben.
Vorgehen
Zuerst entstand das Intro: Wer den Shop betritt, sieht den Markenfilm unscharf hinter einem gläsernen „a“ aus dem Logo, in WebGL berechnet, und um das „a“ kreisen die Kritzel der Marke auf gekippten Bahnen. Scrollen oder ein Wisch nach oben öffnet den Shop, mit Federn, Schwung und Gummiband wie in einer App. Eine zweite, ruhigere Fassung („Frost“) lässt sich in den Theme-Einstellungen umschalten, und fällt das Skript aus, schließt ein einfacher Link das Intro trotzdem. Danach wurde das ganze Theme nach dem Brandbook umgestellt: Orange als Fläche, Archivo in Kleinbuchstaben mit einem kursiven Wort pro Überschrift, das hochgestellte „a“ aus dem Logo hinter großen Titeln und höchstens ein Kritzel pro Ansicht. Die Kollektionsseite zeigt die beiden Shirts randlos als Diptychon, und die Produktseite wählt keine Größe mehr vor, damit beim Oversize-Schnitt nicht stillschweigend S im Warenkorb landet. Gearbeitet wurde an Kopien des Themes, nie direkt am Live-Shop.
Ergebnis
Das Intro läuft seit Oktober 2026 im Shop, ebenso die orange Passwortseite, die Besucher bis zur Eröffnung sehen. Der übrige Shop im neuen Look ist bisher eine Vorschau (Stand 20. Oktober 2026). Bis zum ersten Drop bleibt der Shop passwortgeschützt, deshalb gibt es hier noch keinen Link.
Eingesetzte Tools
- Shopify
- Liquid
- JavaScript
- WebGL
- CSS
- Archivo
- Shopify CLI
Bildnachweis
Logo, Farben, Kritzel und Produktfotos in den Screens: ankner (Brandbook des Labels).