← Retour au portfolio
Site corporatif · 2026

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.

Design site web pour Mon inspecteur en bâtiment — service d'inspection certifié BNQ 3009-500 dans les Basses-Laurentides
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
100/100
Performance Lighthouse desktop
62 → 100
Performance mobile
21
Pages villes SEO
100/100
Note SEO Lighthouse
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.

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.

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.

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.

Performance

Avant · Après

Performance (mobile)
62100
+38 pts
Performance (desktop)
100
Accessibilité
9596
+1 pts
Bonnes pratiques
73100
+27 pts
SEO
92100
+8 pts
Ce qui a été livré

Fonctionnalités clés

  • /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
◆ Making of — article de blog

Making of — l'animation hero en déconstruction

Comment j'ai créé l'animation cinématographique du hero avec Nano Banana, Kling 3 et un rendu canvas : pipeline complet, prompts, coûts et code.

Lire l'article complet →
À découvrir aussi

Autres projets

Design site web responsive pour Serendipity B&B — bed & breakfast à Bromont, Québec
Site vitrine2024

Serendipity B&B

serendipitybb.qc.ca

Site vitrine élégant pour un bed & breakfast au Québec. Navigation intuitive, galerie photo immersive et système de réservation intégré pour une expérience visiteur fluide.

JoomlaYOOthemeRéservation en ligne
Voir l'étude de cas
Design site professionnel pour Ostéo Liberté — clinique d'ostéopathie avec réservation en ligne
Site professionnel2024

Ostéo Liberté

osteoliberte.com

Site professionnel pour une clinique d'ostéopathie avec système de prise de rendez-vous en ligne. Interface claire qui met en confiance les patients et simplifie la gestion des consultations.

JoomlaYOOthemeRéservation en ligne
Voir l'étude de cas
Design site web bilingue pour Art Koi Fur — salon spécialisé avec galerie de réalisations
Site commercial2024

Art Koi Fur

artkoifur.com/fr-ca

Site bilingue pour un salon spécialisé. Design moderne avec présentation des services, galerie de réalisations et informations pratiques pour la clientèle.

JoomlaYOOthemeMultilingue
Voir l'étude de cas
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