Étude de cas
Le site vitrine d'une agence web et infographie : trois services détaillés, des réalisations, une FAQ et un référencement soigné, en HTML, CSS et JavaScript, sans framework.
Le formulaire de contact est pour l'instant une interface sans envoi côté serveur.
Présenter clairement trois métiers (création de sites, visibilité digitale, infographie) et donner envie de passer à l'action, avec un site léger, facile à héberger et sans étape de build.
Le site devait aussi être trouvé : chaque page devait être décrite correctement aux moteurs de recherche dès la conception.
Le header et le footer vivent dans deux fichiers, injectés dans chaque page par un petit script. La page active est repérée par un attribut sur le body : un changement de menu se fait une seule fois pour les 7 pages.
Six fichiers du plus général au plus précis : variables, reset, base, composants, mise en page et animations. Les couleurs et espacements viennent de variables, pour garder un design cohérent.
Chaque page a sa description, sa balise canonical, ses balises Open Graph et Twitter, et des données structurées JSON-LD adaptées (organisation, FAQ, service, entreprise locale). Un script génère le sitemap et le robots.txt.
Les gestionnaires de scroll sont limités par throttle et debounce pour garder la fluidité, et les animations se déclenchent à l'apparition des éléments.
Suite