knso/lackwerk-kl
Archived
1
0
Fork 0
generated from knso/webklar-preview-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
Download Patch File Download Diff File Expand all files Collapse all files

18
alt webseite/alte webseite/www.lackwerk-kl.de/scripts/index70c6.js Normal file
View File

@@ -0,0 +1,18 @@
document.currentPage = "index.html";
var layerbuttons = [];
layerbuttons["X7_0"] = { layer: ["Xf_0",null,null,null], transitionType: 0, transitionDuration: 250 };
layerbuttons["X7_1"] = { layer: ["Xf_1",null,null,null], transitionType: 0, transitionDuration: 250 };
var slideShows = [];
slideShows["X4_0"] = { currentSlideIndex: 0, slides: [{slideID: "Xe_0", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_1", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_2", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_3", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_4", duration: 5000, transitionType: 1, transitionDuration: 1000}] };
var cxactions = [];
cxactions['X3_6_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_2',2),new CXVis('X1_3',1),new CXVis('X1_4',1),""),0,false);
cxactions['X1_2_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_2',1),""),0,false);
cxactions['X3_7__0'] = new Array(new Array(4,-1),new Array(new CXLink(2,'http://www.ecker-lichtwerbung.de','_blank',false,'popup',300,300,''),""),0,false);
cxactions['X3_9_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_3',2),new CXVis('X1_2',1),new CXVis('X1_4',1),""),0,false);
cxactions['X1_3_4'] = new Array(new Array(5,-1),new Array(new CXVis('X1_3',1),""),0,false);
cxactions['X3_a_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_3',1),""),0,false);
cxactions['X3_b_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_4',2),new CXVis('X1_3',1),new CXVis('X1_2',1),""),0,false);
cxactions['X1_4_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_4',1),""),0,false);
cxactions['X7_0_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_5',1),""),0,false);
cxactions['X7_1_2'] = new Array(new Array(5,5,-1),new Array(new CXVis('X1_4',0),new CXVis('X1_5',1),""),0,false);
preloadImages("media/lw1_951x486.jpg","media/lw2_951x141.jpg","media/facebook_40x40.png","media/Fotolia_55927497_M_950x630.jpg","media/Fotolia_58904654_M_950x632.jpg","media/Fotolia_58904662_M_1690x1124.jpg","media/Fotolia_60630538_M_950x631.jpg","media/Fotolia_602154532_M.jpg");