Dachwerk Steinbrück
Konzeptseite für einen Dachdecker-Meisterbetrieb in dritter Generation — Schiefer-Anthrazit trifft Kupfer-Akzent, sechs verschiedene Layout-Familien, kein einziges Karten-Raster.
Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Projekt & Anforderungen
Was das Konzept leisten muss, für wen es gebaut ist und welche Haltung dahintersteckt.
Projektziel
Zeigen, dass ein Traditionshandwerk modern auftreten kann — ohne Heritage-Kitsch und ohne Baukasten-Optik. Besucher sollen in 5 Sekunden verstehen: Meisterbetrieb, seit Jahrzehnten, ein Anruf genügt.
Zielgruppe
Hausbesitzer (35–70), Hausverwaltungen und Architekten im Bergischen Land. Vergleichen 2–3 lokale Betriebe und entscheiden nach Vertrauen, Referenzen und Erreichbarkeit — nicht nach Preisliste.
Design-Philosophie
Material als Marke: Palette, Formmotiv und Textur kommen direkt aus dem Handwerk. Ruhe statt Lärm: wenige, große Momente statt Karten-Inflation. Beweis vor Behauptung: Zahlen und Referenzen statt Adjektiv-Prosa.
Design-Gedanken zum Konzept
Palette aus dem Material: Schiefer-Anthrazit als Grundton, Kupfer als einziger Akzent. Beides kommt buchstäblich vom Dach. Kein generisches Blau, kein Stockfoto-Look — die Farbe erzählt das Gewerk, ohne ein Wort.
Diagonale als Formmotiv: Ein clip-path am Hero-Bild greift die Dachschräge auf. Nur 2–3 Einsätze auf der ganzen Seite, aber genug, damit das Motiv als System wirkt statt als Zufall.
Sechs Layout-Familien, keine Wiederholung: Split-Hero, Zahlenband, Leistungsindex als Zeilen (bewusst kein Karten-Grid), asymmetrische Projektgalerie (7+5+5 Spalten), Generationen-Timeline, Kontakt-Split. Jede Sektion hat eine eigene Sprache — wer sauber arbeitet, zeigt das auch im Layout.
Farbgebung
Durchgehend dunkel (Schiefer-Familie), ein einziger Kupfer-Akzent. Keine Sektionstinversion, kein Farbwechsel auf halber Seite.
Bildwelt
Realistische Handwerks- und Materialfotografie. Bilder via Google Gemini generiert, direkt im Projektordner. Kein CDN, keine Drittanbieter-Requests.
Typografie
System-Font-Stack — kein Google Fonts CDN, DSGVO-konform. Display 900 Gewicht, –0.03em Tracking. Kein Serif, kein Mono-Dauerrhythmus.
Interaktionskonzept
Scroll-Reveal (IntersectionObserver), Count-up-Zahlenband, Hover-Zustände im Leistungsindex, Formular-Validierung mit Feedback-State. Kein Scroll-Hijack.
Farbpalette
Schiefer-Anthrazit in drei Tiefen als Seitengrund, ein einziger Kupfer-Akzent — beide direkt aus dem Handwerk abgeleitet.
Grundton
Schiefer-Anthrazit schafft Schwere und Ernsthaftigkeit — das Material selbst ist die Farbe. Dunkel signalisiert Qualität und Langlebigkeit, nicht Modernität um ihrer selbst willen.
Akzent
Kupfer ist das Verbindungsglied zwischen Tradition und Handwerksstolz. Rinnen, Verblechungen, Kehlen — das Material sitzt buchstäblich am Dach. Wärme ohne Kitsch.
Text
Bone statt Weiß auf dunklem Grund — reduziert den harten Kontrast-Shock, bleibt trotzdem WCAG AA. Wirkt natürlicher, fast wie Papier auf Schiefer.
Typografie
System-Font-Stack — kein Google Fonts CDN, volle DSGVO-Konformität, null Ladezeit-Overhead.
Dachdecker-Meisterbetrieb in dritter Generation — Steildach, Flachdach und Sanierung im Bergischen Land. Präzise geplant, sauber ausgeführt.
UI-Komponenten
Wiederverwendbare Bausteine aus der Live-Seite — interaktiv und bereit für WordPress.
Dachwerk Steinbrück GmbH
Mo–Fr 7:00–16:30 Uhr
Sturm & Notdienst: rund um die Uhr
42857 Remscheid
info@dachwerk-steinbrueck.de