PORTFOLIO / NO. moninspecteur-en-batiment← RETOUR À L'INDEX
SITE CORPORATIF · 2026 · DESIGN, DÉVELOPPEMENT, SEO & INTÉGRATION

Mon inspecteur en bâtiment

Site corporatif performant pour un service d'inspection en bâtiment certifié BNQ 3009-500. Architecture Astro statique, hero animé, SEO local sur 21 villes et formulaire de contact serverless avec Resend.

CLIENT
Mon inspecteur en bâtiment inc.
LIEU
Basses-Laurentides & Lanaudière, Québec
RÔLE
Design, développement, SEO & intégration
DURÉE
6 semaines
Design site web pour Mon inspecteur en bâtiment — service d'inspection certifié BNQ 3009-500 dans les Basses-Laurentides
§ 01

Chiffres clés

4 HIGHLIGHTS
100/100
Performance Lighthouse desktop
62 → 100
Performance mobile
21
Pages villes SEO
100/100
Note SEO Lighthouse
§ 01CONTEXTE

Contexte

Mon inspecteur en bâtiment est un cabinet d'inspection résidentielle certifié BNQ 3009-500 qui dessert les Basses-Laurentides et Lanaudière. Le site existant ne convertissait pas et n'apparaissait pas dans les recherches locales : pas de pages dédiées par ville, performances mobiles médiocres et formulaire de contact peu fiable.
§ 02DÉFI

Défi

Construire une vitrine ultra-rapide qui inspire confiance avant la première prise de contact, tout en captant le trafic SEO local sur une vingtaine de municipalités. Le site devait charger instantanément même sur mobile en zone rurale, gérer un formulaire de contact sécurisé sans backend dédié, et donner au client la liberté d'activer ou désactiver une ville sans avoir à toucher au code.
§ 03SOLUTION

Solution

J'ai choisi Astro 6 pour livrer un site 100% statique avec quelques routes API serverless sur Vercel. Le contenu des villes vit dans des fichiers JSON pilotés par un index `_index.json` — activer une nouvelle ville se résume à passer `active: true`. Le hero d'accueil utilise une séquence de 55 frames WebP rendues en canvas pour un effet cinématographique sans JavaScript lourd. Le formulaire de contact passe par une route API Vercel avec rate limiting par IP, sanitisation XSS et envoi via Resend (DNS SPF/DKIM/DMARC configurés). Côté SEO, chaque page sert son propre JSON-LD (LocalBusiness, Service, BreadcrumbList), un sitemap d'images dédié alimente Google Images, et un fichier `llms.txt` structure le contenu pour les crawlers IA.
§ 04RÉSULTAT

Résultat

Le site décroche 100/100 sur les quatre métriques Lighthouse desktop (Performance, Accessibilité, Bonnes pratiques, SEO) et passe de 62 à 100 en performance mobile entre la livraison et la version optimisée. Les 21 pages villes sont indexées et commencent à générer des leads qualifiés. Le client peut maintenant activer une nouvelle zone de service en une minute, sans intervention technique.
§ 06

Avant · Après

PERFORMANCE
Performance (mobile)
62100
+38 pts
Performance (desktop)
100
Accessibilité
9596
+1 pts
Bonnes pratiques
73100
+27 pts
SEO
92100
+8 pts
§ 07

Fonctionnalités clés

CE QUI A ÉTÉ LIVRÉ
  • Hero animé canvas avec 55 frames WebP préchargées
  • Système de pages villes piloté par JSON (21 municipalités)
  • Formulaire de contact serverless avec rate limiting et Resend
  • JSON-LD LocalBusiness, Service et BreadcrumbList par page
  • Sitemap d'images dédié pour Google Images
  • Bandeau de consentement cookies conforme à la Loi 25
  • Compression Brotli + Gzip via astro-compressor
  • Fichier llms.txt pour les crawlers IA
  • DNS courriel : SPF, DKIM, DMARC configurés
  • En-têtes de sécurité HSTS, CSP, X-Frame-Options
§ STACK TECHNIQUE
Astro 6VercelResendJSON-LDSEO localPerformance
§ ET LE VÔTRE?

Un projet similaire en tête?

Discutons de votre projet et voyons comment je peux vous aider à atteindre vos objectifs.

Me contacter ↗