Modernisierung der Lackwerk-Webseite

Browse Source

Im Ordner alt webseite/ lag ein HTTrack-Mirror der alten Seite von lackwerk-kl.de – eine starre 950px-Seite von 2014/2022 mit fixem Layout, Stock-Fotos und einer simplen Bildergalerie. Nicht responsive, nicht mehr zeitgemäß.

Was ich Schritt für Schritt gemacht habe
1. Firma recherchiert
Aus Altseite, Google, Branchenverzeichnissen und Facebook ein vollständiges Profil erstellt:

Lackwerk GmbH, Gienanthstr. 2–4, Kaiserslautern · Inhaber Patric Hertz · gegründet 2014
Leistungen, Öffnungszeiten, Rechtsdaten (HRB 31677, USt DE295225567)
Bewertungen: 5,0★ bei 72 Google-Bewertungen, 100 % empfohlen (Facebook), 334 Follower
2. Echte Bilder von Facebook geholt (wie von dir gewünscht)
Von der öffentlichen Seite derlackspezialist die echten Arbeitsfotos extrahiert und heruntergeladen:

Lackierer in der Spritzkabine → Hero-Bild
komplette Porsche-911-Restauration (Rohzustand → Grundierung → frisch lackiert → Hochglanz) → Referenz-Galerie
Logo + einige Werkstattmotive aus der Altseite als Ergänzung
3. Neue Webseite gebaut – ein sauberes, modernes index.html (21st-inspiriert, aber seriös):

Bereich	Inhalt
Header	Glasig, sticky, Wortmarke, Mobile-Menü
Hero	Dunkel-elegant, echtes Kabinen-Foto, Gradient-Text, Trust-Zahlen
Trust-Leiste	Meisterqualität, alle Marken, faire Preise
Leistungen	6 Karten mit Icons & Hover-Effekt
Über uns	Firmengeschichte + Patric Hertz
Prozess	4 Schritte von Anfrage bis Übergabe
Referenzen	Bento-Galerie mit Lightbox (echte Fotos)
Bewertungen	Nur belegbare Kennzahlen, keine erfundenen Zitate
Kontakt	Daten, Öffnungszeiten, funktionierende Google-Map
Footer	Impressum & Datenschutz als Modals
Markenfarbe Blau (passend zum Logo), Fonts Sora/Inter, dezente Scroll-Animationen, voll responsiv.

4. Im Browser getestet & gefixt
Alle Sektionen, Modal, Map und schnelles Scrollen geprüft. Zwei Details korrigiert: Header-Umbruch bei mittlerer Breite + Absicherung, damit bei schnellem Scrollen keine Sektion unsichtbar bleibt.

Dateien
index.html – neue Webseite (ersetzt die Platzhalter-Vorlage)
assets/ – Logo + Werkstattmotive
assets/work/ – echte Facebook-Arbeitsfotos
Alte Seite unter alt webseite/ unberührt als Referenz

...

This commit is contained in:

Kenso Grimm

2026-07-12 14:38:27 +02:00

parent 59bfd1b2d1

commit 5acd7046d3

41 changed files with 2484 additions and 36 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

assets/work/work4.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 49 KiB