Archive
2026 · May·client·website·live

Tierknotenwerk

E-commerce site for a Swiss artisan making hand-woven dog collars, leashes and halters. Design first, commerce engine second.

Impact

Design and full customer journey signed off before any paid commerce subscription. Phase 2 plugs in the engine without redesigning a single page.

Tech Stack
Next.jsTypeScriptTailwindshadcn/ui
Tierknotenwerk home page
Home
Product collection
Shop
About the artisan
About

Tierknotenwerk is a Swiss artisan brand selling hand-woven dog collars, leashes and knot halters. The shop ships in two phases: design first, commerce engine second.

Overview

Off-the-shelf shop themes feel generic for a craft brand. The owner wanted to lock in the visual identity and the full customer journey before paying for a commerce stack. Phase 1 ships a real-feeling shop on mock data so flows and design get signed off without any subscriptions running.

What it does

  • Product catalogue across collars, leashes, halters and cow ropes
  • Configurator for techniques and colour combinations
  • Persistent local cart and wishlist
  • About, sizing guide, contact and GDPR-compliant inquiry form
  • Mobile-first with scroll-reveal animations tuned to the craft feel

Highlights

  • Built around the owner's voice and craft, not generic templates
  • Phase 2 ready: commerce engine and checkout plug into the same design system
  • Customer signed off on the experience before paying for any commerce stack
Finally a website that looks like craftsmanship instead of a stock shop template. Roberto listened closely, agreed on clear phases, and translated my style onto the web.
TierKnotenWerk
Owner & Craftswoman

Build something similar?

Related Work

Michael Ettlin Cantonal Council cover
ClientLive
2026

Michael Ettlin Cantonal Council

Campaign website for a Lucerne cantonal council candidate. Sanity Studio for the editor, TWINT donations, events, multilingual. The build was productized into a reusable template for other candidates.

Next.jsTypeScriptSanityTailwind
Wealthior Group cover
InternalLive
2026

Wealthior Group

Multi-brand corporate site for Wealthior Group. Editor-driven content, locale routing, dedicated space per sub-brand.

Next.jsTypeScriptSanityTailwind
Wealthior Marketplace cover
InternalLive
2026

Wealthior Marketplace

Discovery and SEO layer for the Wealthior Claude Code plugin marketplaces. Browses public and private plugins, skills and agents from one searchable index, populated by GitHub webhooks.

Next.jsReactTypeScriptTailwindSupabase+4