Demo
Schreinerei.
Premium-Szenario.

Für wen wir diese Demo gebaut haben.

Diese Demo stellt eine Premium-Schreinerei im High-End-Segment dar: 8 Mitarbeiter, spezialisiert auf Einzelstücke, Innenausbau für Villen und Design-Kunden. Die fiktive "Schreinerei Horst" im Taunus macht Möbel als Kunstobjekte, Preise ab 5.000 € aufwärts.

Das typische Problem solcher Handwerksbetriebe: Sie sind technisch und ästhetisch Weltklasse — aber präsentieren sich wie ein 08/15-Dorfhandwerker mit hobbymäßiger Homepage. Die Demo zeigt, wie man Premium-Handwerk sichtbar macht — durch Brand-System und Portfolio-Ästhetik, nicht durch Rabatt-Banner.

Was die Demo demonstriert

• Premium-Ästhetik für High-End-Handwerk
• Komplettes Brand-System: Logo, Farben, Typo, Guidelines
• Portfolio-Galerie mit Projekt-Case-Struktur
• Headless-CMS für einfache Projekt-Pflege
• Ateliergespräch-Buchung statt "Jetzt anfragen!"
• Blog mit substantiellen Artikeln zu Holz, Technik, Design

Die Struktur.

Die Demo ist bewusst anders gebaut als typische Handwerker-Websites: minimalistisch, viel Weißraum, große Bilder, reduzierte Navigation. Das Brand-System ist Teil der Demo.

Seiten in der Demo

• Startseite mit reduziertem Hero-Film-Loop und Projekt-Teaser
• Werkstatt mit Team, Werte, Prozess — statt "Über uns"
• Portfolio mit 6 Referenz-Projekten (Case-Study-Struktur)
• Atelier-Termin statt Kontaktformular — bewusste Filterung
• Journal (nicht "Blog") mit 4 Längs-Artikeln zu Material und Handwerk

Brand-System in der Demo

• Logo-Variationen: Haupt, Monochrom, Icon, Reverse
• Farbpalette: Ruß-Schwarz, Eichen-Ocker, Leinen-Beige, Werkstattgrau
• Typografie: Geist Mono für Auszeichnung, EB Garamond für Fließtext
• Design-Tokens: als CSS Custom Properties, für spätere Skalierung
• Brand Guidelines als separate PDF (downloadbar in der Demo)

Technische Umsetzung

• Next.js mit Sanity Headless CMS für Projekte und Journal
• Cloudflare Images mit automatischer WebP/AVIF-Auslieferung
• Lighthouse 96 bei voller Bildlastigkeit
• LCP 1,4s mit Hero-Video · CLS 0,01

Live-Integrationen.

Auf der Staging-URL zeigt sich, wie Premium-Handwerk digital aussieht:

• Brand in Aktion: Logo-System, Typografie, Farb-Anwendung auf einer echten Seite — nicht als Moodboard
• Portfolio-Struktur: Jedes Projekt hat Case-Story mit Kontext, Prozess, Ergebnis — Benchmark für spätere echte Kundenprojekte
• Sanity-CMS-Zugang: Auf Anfrage bekommst du Test-Login, um zu sehen, wie einfach Projekt-Pflege ist (keine Tech-Kenntnisse nötig)
• Atelier-Terminbuchung: Bewusst filternd — nicht jeder Anfragender passt zur Schreinerei. Die Demo zeigt diese Premium-Logik
• Performance trotz Bildlast: 96 Lighthouse trotz großer Hero-Videos und Galerie — durch aggressive Bildoptimierung und Lazy-Loading