Branding · UI Design · Développement · SEO
ArtisanCouvreur
01 — Contexte
Contexte
Un artisan couvreur indépendant souhaitait établir sa présence en ligne pour développer son activité et disposer d'une vitrine digitale valorisant ses réalisations. Dans un secteur du BTP où les sites web se ressemblent tous (fonds sombres, photos génériques, formulaires austères), il voulait se démarquer avec quelque chose de moderne, soigné et mémorable. L'enjeu : construire une image de marque digitale qui reflète la qualité de son travail artisanal.
02 — Problématique
“Comment concevoir un site vitrine qui rompt avec les codes visuels du secteur BTP tout en inspirant confiance à des clients potentiels, et en maximisant la visibilité locale sur les moteurs de recherche ?”
03 — Process
04 — Stack
Réalisations techniques
Next.js 14
App Router avec Server Components pour un rendu optimal côté serveur, essentiel pour le SEO et la performance perçue au premier chargement.
Tailwind CSS
Système de design utilitaire avec tokens personnalisés alignés sur la charte graphique de l'artisan. Responsive mobile-first.
GSAP
Animations au scroll sur les sections réalisations et hero, reveal progressif des éléments pour créer une expérience premium sans alourdir les performances.
SEO & Google Business
Optimisation technique complète : Schema.org LocalBusiness, Open Graph, Core Web Vitals 90+, création et configuration du Google Business Profile avec catégories, horaires et photos.
05 — Résultats
Résultats
- Score Lighthouse 90+ en performance, accessibilité et SEO
- Visibilité locale immédiate via Google Business configuré au lancement
- Site utilisé comme outil de prospection lors des devis
- Différenciation visuelle immédiate face à la concurrence locale
06 — Apprentissages
Ce que j'ai appris
Ce projet m'a appris à travailler avec un client non-technique dont le brief initial est intuitif plutôt que précis, transformer 'je veux quelque chose de classe' en décisions de design concrètes est un exercice de traduction créative qui demande autant d'écoute que de maîtrise visuelle. J'ai aussi mesuré l'impact réel du SEO technique : ce n'est pas une couche qu'on ajoute après coup, c'est une contrainte d'architecture à intégrer dès le choix du framework. Enfin, accompagner un client au-delà du code (jusqu'à la configuration de sa présence Google), c'est ce qui transforme une livraison en véritable valeur métier.