Balletshofer: Ein komplett individueller Storefront, von Grund auf gebaut
Eine deutsche Luxus-Fashion-Marke brauchte einen Storefront, der genauso durchdacht wirkt wie das Produkt. Wir haben ihn komplett neu auf Shopify Hydrogen gebaut: zirkuläre Navigation, eine mobile-first Kampagnen-Collection, wischbare Produktgalerien und einen passwortgeschützten Pre-Launch-Flow, der schon vor dem Start Newsletter-Anmeldungen gesammelt hat.
Was wir gebaut haben
Ein komplett individueller Shopify-Hydrogen-Storefront, von Grund auf gebaut statt auf ein bestehendes Theme aufgesetzt. Die Startseite läuft über eine zirkuläre Navigation mit Federphysik, die Besucher durch vier Bereiche führt statt durch ein Standardmenü. Die First-Layer-Kampagnen-Collection hat ihr eigenes mobile-first Grid bekommen, Produktseiten liefern eine wischbare Galerie für mobile Shopper, und der Pre-Launch war hinter einem Passwortschutz verborgen, der trotzdem schon vor dem offiziellen Start Newsletter-Anmeldungen gesammelt hat.
Für die Zukunft gebaut
Der Stack ist Shopify Hydrogen 2 auf React Router 7, jedes animierte Element läuft in einem SSR-sicheren Pattern, damit die zirkuläre Navigation und andere Bewegungen nie zu einem Hydration-Mismatch führen. Dynamic Viewport Height löst das iOS-Safari-Adressleisten-Problem, an dem die meisten mobilen Storefronts scheitern. Das ist ein Fundament, das mit der Marke mitwachsen kann, keine Einweg-Launch-Seite.
Galerie
Willst du ähnliche Resultate?
Buche ein Discovery Call und finde heraus, wie wir deine Marketing-Performance transformieren können.