Konzept-Build · Föhn ist eine fiktive Marke. Kein echter Kunde, kein echter Kaffee. · Der Checkout läuft im Stripe-Testmodus. Es wird nie eine Karte belastet.

konzept · e-commerce

Föhn Coffee Roasters

Ein kleiner Spezialitäten-Röster, wenn es ihn gäbe. Der Shop funktioniert wirklich: ein Warenkorb, der einen Reload übersteht und sich über deine offenen Tabs synchronisiert, und ein echter Stripe-Checkout im Testmodus. Er ist da, um zu zeigen, dass auch die alltäglichen Teile eines Shops es verdienen, sauber gemacht zu werden.

Ein echter Laden, ohne die echte Belastung. Der Warenkorb wird in localStorage gespeichert, synchronisiert sich über einen BroadcastChannel über deine offenen Tabs, und die Summe wird auf dem Server aus dem Katalog berechnet, nie im Browser, bevor sie je Stripe erreicht.

warenkorb-state · gespeichert + 1:1 gesendet

// Warenkorb ist leer, füg einen Kaffee hinzu

0 Beutel · zwischensumme CHF 0.00

BroadcastChannel "foehn-cart" · öffne diesen Shop in einem zweiten Tab und sieh zu, wie sie synchron bleiben

noch kein Traffic, ändere den Warenkorb…

Die Produktgrafik ist generiertes SVG, keine Fotografie, damit das Konzept eigenständig ausgeliefert wird, ohne Stockbilder und ohne Layout-Shift. Ein echter Katalog würde stattdessen responsive <img srcset> mit expliziter Breite/Höhe ausliefern.

© 2026 jDKOderso