Strona FHS-Rupprecht (relaunch)

Relaunch istniejącej strony FHS-Rupprecht – Fliesen Heizung Sanitär (płytki, ogrzewanie, sanitariaty) z Leverkusen. Poprzednia strona nie powstała w ramach tej współpracy: to był generyczny szablon, zastąpiony zbudowaną od podstaw, w pełni statyczną witryną w HTML, CSS i czystym JavaScripcie — bez frameworka i bez CMS.

Cele: • Własny, rozpoznawalny wygląd zamiast szablonu • Szybkie ładowanie także w sieci mobilnej • Bez plików cookie, bez śledzenia, bez podmiotów trzecich • Formularz kontaktowy działający również bez JavaScriptu

Realizacja: • System projektowy oparty na dotychczasowych kolorach marki: miedź, oksblood i piaskowy, z płytkami w wiązaniu półdzikim i widoczną fugą jako motywem przewodnim • Znak graficzny w SVG, typografia Fraunces i Figtree, czcionki hostowane lokalnie • Obrazy responsywne w AVIF, WebP i JPEG, dopasowane do zmierzonych rozmiarów wyświetlania • CSS na stronie głównej bezpośrednio w HTML, dostarczanie z gzip i długim cache przeglądarki • Formularz kontaktowy w PHP z honeypotem, blokadą czasową i ochroną przed wstrzykiwaniem nagłówków • Mapy wyłącznie linkowane, więc baner cookie nie jest potrzebny • Dane strukturalne, sitemap, przekierowania 301 starych adresów, HTTPS i nagłówki bezpieczeństwa • Hosting na Apache u Strato, pakiet do wgrania tworzony własnym skryptem

Wyniki pomiarów (Lighthouse, mobile): • Wydajność 97 • Best Practices 100 • SEO 100 • Largest Contentful Paint 1,9 s • czas blokowania 0 ms • przesunięcie układu 0 • łączna waga około 225 KB; strona główna przesyła około 15 KB HTML wraz z CSS

Dostępność: • Semantyczny HTML • Pełna obsługa klawiatury • prefers-reduced-motion • Wystarczający kontrast; testowane w Chrome i Safari/WebKit od 320 do 1920 px szerokości

Strona: fhs-rupprecht.com