Site web FHS-Rupprecht (refonte)

Refonte du site existant de FHS-Rupprecht – Fliesen Heizung Sanitär (carrelage, chauffage, sanitaire) à Leverkusen. L'ancien site ne venait pas de nos rangs : un modèle générique, remplacé par un site entièrement reconstruit, purement statique, en HTML, CSS et JavaScript natif — sans framework ni CMS.

Objectifs : • Une identité visuelle propre au lieu d'un modèle générique • Des temps de chargement rapides, y compris en réseau mobile • Aucun cookie, aucun suivi, aucun tiers • Un formulaire de contact fonctionnant aussi sans JavaScript

Mise en œuvre : • Système de design reprenant les couleurs de la marque — cuivre, rouge sang de bœuf et sable —, avec le carrelage à joints décalés et un joint visible comme motif directeur • Marque figurative en SVG, typographie Fraunces et Figtree, polices hébergées localement • Images responsives en AVIF, WebP et JPEG, adaptées aux tailles d'affichage mesurées • CSS intégré directement dans le HTML de la page d'accueil, diffusion avec gzip et cache navigateur prolongé • Formulaire de contact en PHP avec honeypot, délai minimal et protection contre l'injection d'en-têtes • Cartes uniquement en lien, donc aucune bannière de cookies nécessaire • Données structurées, sitemap, redirections 301 des anciennes adresses, HTTPS et en-têtes de sécurité • Hébergement Apache chez Strato, paquet d'envoi généré par un script dédié

Mesures (Lighthouse, mobile) : • Performance 97 • Best Practices 100 • SEO 100 • Largest Contentful Paint 1,9 s • temps de blocage 0 ms • décalage de mise en page 0 • poids total d'environ 225 Ko ; la page d'accueil transmet environ 15 Ko de HTML, CSS inclus

Accessibilité : • HTML sémantique • Navigation entièrement au clavier • prefers-reduced-motion • Contrastes suffisants ; testé dans Chrome et Safari/WebKit de 320 à 1920 px de largeur

Site : fhs-rupprecht.com