Archiv
2026 · May·client·website·live

Tierknotenwerk

E-Commerce-Seite für eine Schweizer Kunsthandwerkerin, die Hundehalsbänder, Leinen und Halfter von Hand flechtet. Design zuerst, Commerce-Engine danach.

Impact

Design und kompletter Kunden-Flow freigegeben bevor ein bezahlter Commerce-Stack läuft. Phase 2 schiebt die Engine darunter, ohne eine einzige Seite neu zu bauen.

Tech-Stack
Next.jsTypeScriptTailwindshadcn/ui
Tierknotenwerk Startseite
Startseite
Produkt-Kollektion
Shop
Über die Handwerkerin
Über mich

Tierknotenwerk ist eine Schweizer Kunsthandwerkerei für handgeflochtene Hundehalsbänder, Leinen und Knotenhalfter. Der Shop läuft in zwei Phasen: Design zuerst, Commerce-Engine danach.

Überblick

Standard-Shop-Themes wirken generisch für eine Handwerksmarke. Die Inhaberin wollte das visuelle Konzept und den ganzen Kunden-Flow fixieren, bevor sie für einen Commerce-Stack zahlt. Phase 1 liefert einen echt wirkenden Shop auf Mock-Daten, damit Flow und Design abgenommen werden, ohne dass ein Abo läuft.

Was es kann

  • Produktkatalog für Halsbänder, Leinen, Halfter und Kuhstricke
  • Konfigurator für Flechttechniken und Farbkombinationen
  • Persistenter lokaler Warenkorb und Wunschliste
  • Über, Grössen-Guide, Kontakt und DSG-konformes Anfrageformular
  • Mobile-first mit Scroll-Reveal, abgestimmt auf das Handwerks-Feeling

Highlights

  • Gebaut um die Handschrift der Inhaberin, kein generisches Template
  • Phase-2-ready: Commerce-Engine und Checkout setzen aufs gleiche Design-System auf
  • Abnahme durch Kundin vor jeder kostenpflichtigen Commerce-Buchung
Endlich eine Website, die nach Handwerk aussieht und nicht nach Standard-Shop. Roberto hat genau hingehört, klare Phasen vereinbart und meinen Stil ins Netz übersetzt.
TierKnotenWerk
Inhaberin & Handwerkerin

Etwas Ähnliches bauen?

Weitere Arbeiten

Michael Ettlin Kantonsrat cover
ClientLive
2026

Michael Ettlin Kantonsrat

Kampagnen-Website für einen Luzerner Kantonsrats-Kandidaten. Sanity-Studio für die Redaktion, TWINT-Spenden, Termine, mehrere Sprachen. Aus dem Build wurde ein verkaufsbares Template für weitere Kandidaten.

Next.jsTypeScriptSanityTailwind
Wealthior Group cover
InternalLive
2026

Wealthior Group

Multi-Brand-Corporate-Seite für Wealthior Group. Redaktionsgesteuerte Inhalte, Locale-Routing, eigene Bühne pro Sub-Brand.

Next.jsTypeScriptSanityTailwind
Wealthior Marketplace cover
InternalLive
2026

Wealthior Marketplace

Discovery- und SEO-Layer für die Wealthior Claude Code Plugin-Marketplaces. Durchsucht öffentliche und private Plugins, Skills und Agents in einem zentralen Index, gespeist durch GitHub-Webhooks.

Next.jsReactTypeScriptTailwindSupabase+4