Dieses Projekt ist ein Demo-/Showcase-Projekt: Firma, Inhalte, Testimonials und Kennzahlen sind zu Präsentationszwecken erstellt, kein echtes Kundenprojekt.
Konzept- und Technik-Showcase für eine Maler-Website: mehrseitige Struktur mit Startseite, Leistungen, Projekte, Über uns und Kontakt. Rauer Kalk, gedecktes Patina-Grün und ruhige Editorial-Typografie treffen auf einen Animated-Paint-Hero, der eine schmutzige Putzwand live vor den Augen der Besucher:innen neu streicht – Handwerk als sichtbare Verwandlung von Räumen und Oberflächen statt generischer Service-Kachel-Katalog. Alle Projektbilder sind KI-generierte, sichtbar gekennzeichnete Demo-Visualisierungen, inklusive einer konsistent gehaltenen Vorher/Nachher-Vergleichsansicht. Gebaut mit Fokus auf Performance (18 statisch vorgerenderte Routen, minimaler Dependency-Baum) und getestete Barrierefreiheit (Fokus-Management, geprüfte Kontraste, native Formulare, Reduced-Motion-Support).
Tech-Stack
- Next.js 16 (App Router, React Server Components)
- React 19 / TypeScript
- Tailwind CSS v4 mit eigenem Design-Token-System
- GSAP für die Hero-Choreografie
- Selbst gehostete Variable-Font
- next/image für automatische Bildoptimierung
- Deployment: Node.js 24 (Standalone-Build) auf Plesk-Hosting (1blu)
