Website FHS-Rupprecht (relaunch)

Relaunch van de bestaande website van FHS-Rupprecht – Fliesen Heizung Sanitär (tegels, verwarming, sanitair) in Leverkusen. De vorige site was niet van eigen hand: een generiek template, vervangen door een volledig opnieuw gebouwde, puur statische site in HTML, CSS en vanilla JavaScript — zonder framework en zonder CMS.

Doelen: • Een eigen uitstraling in plaats van templatelook • Snelle laadtijden, ook op mobiele netwerken • Geen cookies, geen tracking, geen derden • Een contactformulier dat ook zonder JavaScript werkt

Uitvoering: • Designsysteem op basis van de bestaande merkkleuren koper, ossenbloed en zand, met tegels in halfsteensverband en een zichtbare voeg als leidmotief • Beeldmerk als SVG, typografie Fraunces en Figtree, lettertypen lokaal gehost • Responsieve afbeeldingen in AVIF, WebP en JPEG, afgestemd op de gemeten weergaveformaten • CSS op de startpagina direct in de HTML, levering met gzip en langdurige browsercache • Contactformulier in PHP met honeypot, tijdslot en bescherming tegen header-injectie • Kaarten alleen als link, dus geen cookiebanner nodig • Gestructureerde data, sitemap, 301-omleidingen van de oude adressen, HTTPS en beveiligingsheaders • Hosting op Apache bij Strato, uploadpakket via een eigen buildscript

Meetwaarden (Lighthouse, mobiel): • Performance 97 • Best Practices 100 • SEO 100 • Largest Contentful Paint 1,9 s • blokkeertijd 0 ms • layoutverschuiving 0 • totaalgewicht ongeveer 225 KB; de startpagina verstuurt ongeveer 15 KB HTML inclusief CSS

Toegankelijkheid: • Semantische HTML • Volledige bediening met toetsenbord • prefers-reduced-motion • Voldoende contrast; getest in Chrome en Safari/WebKit van 320 tot 1920 px breed

Website: fhs-rupprecht.com