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
Weinzirkel Reisen cover
DemoLive
2026

Weinzirkel Reisen

A demo wine tour marketplace for Piedmont. Browse multi day trips, wineries and hotels on an interactive map, then send a booking inquiry, in German and Italian.

Next.jsReactTypeScriptTailwindSanity+4