Cle De Voute - Maçonnerie

Contexte du projet

CleDeVoute souhaitait moderniser sa présence en ligne avec un site vitrine clair et orienté prise de contact. Le projet devait présenter les prestations et les réalisations avec suffisamment de contexte pour rassurer un particulier ou un professionnel avant sa première demande.

La page a donc été pensée comme un parcours simple : comprendre l'activité, parcourir le portfolio, puis trouver rapidement le moyen de contacter l'entreprise. La structure reste lisible sur mobile, où une grande partie des recherches locales commence.

‍Rôle

J'ai pris en charge la conception et l'intégration frontend, le design d'interface, l'organisation des sections, l'optimisation des images, la mise en avant des CTA et le déploiement sur GitHub Pages. Le travail couvre le passage du besoin de visibilité locale à une page publique directement exploitable.

Parcours et contenu

• Présentation de l'activité — Donner le contexte nécessaire avant d'entrer dans le détail des prestations.
• Réalisations — Utiliser le portfolio pour rendre le savoir-faire visible et concret.
• Appels à l'action — Rendre la demande de contact visible sans interrompre la lecture.
• Responsive — Conserver la hiérarchie et la lisibilité sur téléphone, tablette et desktop.

Technologies & outils

Défis rencontrés

• Réduire le temps de chargement tout en gardant des images haute qualité.
• Assurer une navigation fluide sur mobile et desktop.
• Simplifier la prise de contact pour rendre la demande plus directe.

Solutions apportées

• Optimisation des images (WebP/AVIF) et lazy-loading pour alléger le chargement initial.
• Design mobile-first avec composants réutilisables (Tailwind + React).
• Formulaire de contact simple et mise en évidence des appels à l'action (CTA).
• Déploiement sur GitHub Pages pour une distribution simple et fiable.

Valeur apportée

Le site donne à l'entreprise un support public qui explique son activité en quelques étapes et met les réalisations au centre de la décision. Les composants réutilisables facilitent les évolutions de contenu, tandis que les images optimisées évitent de sacrifier la qualité visuelle sur les pages de portfolio.

Le gain observable est une présentation plus claire et un contact plus accessible depuis les usages mobiles. La baisse exacte du poids ou du temps de chargement n'est pas chiffrée dans cette fiche ; elle reste à mesurer avec un outil de suivi si nécessaire.

Remarques / Améliorations possibles

• Ajouter un suivi RUM (Web Vitals) pour mesurer l'impact réel des optimisations.
• Intégrer un sitemap et les balises Open Graph pour améliorer le référencement.