Webseite FHS-Rupprecht (Relaunch)

Relaunch der bestehenden Webseite von FHS-Rupprecht – Fliesen Heizung Sanitär aus Leverkusen. Die frühere Seite stammte nicht aus eigener Feder: ein generisches Template, ersetzt durch einen von Grund auf neu gebauten, rein statischen Auftritt in HTML, CSS und Vanilla-JavaScript — ohne Framework und ohne CMS.

Ziele: • Eigenständiges Erscheinungsbild statt Template-Optik • Schnelle Ladezeiten auch im mobilen Netz • Keine Cookies, kein Tracking, keine Dritten • Kontaktformular, das auch ohne JavaScript funktioniert

Umsetzung: • Design-System aus den bestehenden Markenfarben Kupfer, Ochsenblut und Sand, Leitmotiv Fliesen im Halbverband mit sichtbarer Fuge • Bildmarke als SVG, Typografie Fraunces und Figtree, Schriften selbst gehostet • Bilder responsiv in AVIF, WebP und JPEG, abgestimmt auf die gemessenen Darstellungsgrößen • CSS auf der Startseite direkt im HTML, Auslieferung mit gzip und langem Browser-Caching • Kontaktformular in PHP mit Honeypot, Zeitsperre und Schutz gegen Header-Injection • Karten nur verlinkt, daher kein Cookie-Banner nötig • Strukturierte Daten, Sitemap, 301-Weiterleitungen der alten Adressen, HTTPS und Sicherheits-Header • Hosting auf Apache bei Strato, Upload-Paket über ein eigenes Build-Skript

Messwerte (Lighthouse, mobil): • Performance 97 • Best Practices 100 • SEO 100 • Largest Contentful Paint 1,9 s • Blockierzeit 0 ms • Layout-Verschiebung 0 • Gesamtgewicht rund 225 KB; die Startseite überträgt rund 15 KB HTML inklusive CSS

Barrierefreiheit: • Semantisches HTML • Vollständige Tastaturbedienung • prefers-reduced-motion • Ausreichende Kontraste; geprüft in Chrome und Safari/WebKit von 320 bis 1920 px Breite

Webseite: fhs-rupprecht.com