Lavage Lebrun

Aperçu du projet

Le nettoyage extérieur se vend sur preuve. Un propriétaire qui se demande s’il va payer quelqu’un pour laver son revêtement extérieur veut voir la différence, dans son propre quartier, sur une maison comme la sienne. Le site est donc construit autour des photos de chantier de l’équipe elle-même et autour d’une seule mission : obtenir une demande de soumission qualifiée, dans la langue du visiteur, accompagnée d’une adresse vérifiée.

La section des preuves présente trois chantiers sous forme de paires Avant/Après étiquetées, une par rangée. Au départ, c’était un curseur à glisser pour révéler l’image, qui a dû disparaître : l’équipe photographie chaque angle à main levée, si bien que les deux images ne se superposent jamais au pixel près et que le curseur trahissait un décalage visible. Deux images honnêtes en pleine largeur valent mieux qu’un gadget astucieux qui s’aligne mal — et en pleine largeur, on voit réellement les taches d’eau dure disparaître de la vitre.

L’entonnoir de soumission

Le formulaire demande cinq renseignements et vérifie l’adresse au fil de la saisie grâce à Google Places; une demande de soumission arrive donc rattachée à une vraie propriété plutôt qu’à une faute de frappe. Cloudflare Turnstile tient le trafic automatisé à l’écart, et le point de terminaison est soumis à une limitation de débit côté serveur.

En coulisses, chaque envoi est d’abord consigné localement, avant toute autre opération, puis transmis au CRM du client. Si cette transmission échoue, la demande reste au dossier et le visiteur reçoit quand même une confirmation — un site de génération de clients potentiels qui répond à un formulaire rempli par « veuillez réessayer » a déjà perdu le contrat.

Bilingue par défaut

Le site est d’abord en français, l’anglais étant accessible d’un simple clic, et les textes des deux langues résident dans une seule arborescence de contenu plutôt que dans deux gabarits parallèles. Chaque chaîne de texte que lit un visiteur — titres, descriptions de services, FAQ, libellés de formulaire, messages de validation — existe dans les deux langues.

Un CMS que le propriétaire utilise vraiment

Les textes des sections sont livrés avec le code comme valeurs par défaut; la base de données ne conserve que ce que le client a modifié, fusionné en profondeur par-dessus. En pratique, le site ne peut pas être brisé par une table vide ou une modification à moitié terminée — et le propriétaire peut réécrire la description d’un service, dans l’une ou l’autre langue, ou remplacer une photo de chantier, à partir d’un studio aux couleurs du site lui-même. L’accès administrateur est accordé au moyen de liens d’invitation signés et à durée limitée.

Design et réalisation

Des surfaces presque noires avec un seul accent cyan, et la Bebas Neue condensée face à la DM Sans. La bannière principale repose sur une photo de l’équipe en train de laver un soffite à basse pression, soutenue par trois voiles distincts pour que le titre reste lisible sans délaver le jet d’eau. Des apparitions au défilement, une vitrine de services à défilement automatique et une carte de la zone desservie qui trace les limites de la Montérégie. Vue 3 typé sur une application dorsale Laravel 12 pilotée par Inertia, Tailwind CSS 4, le tout déployé sur un serveur Forge dédié avec SSL.

Fonctionnalités clés

• Site bilingue, d’abord en français, les deux langues dans une seule arborescence de contenu

• Entonnoir de soumission avec vérification d’adresse par Google Places et protection Turnstile

• Envois enregistrés localement avant la transmission au CRM, pour qu’une panne ne puisse faire perdre aucun client potentiel

• Tableau de bord d’administration répertoriant chaque demande de soumission avec son état de synchronisation

• CMS géré par le client pour chaque section, dans les deux langues, avec téléversement d’images

• Liens d’invitation signés et à durée limitée pour accorder l’accès administrateur

• Carte interactive de la zone desservie avec mise en évidence par région

• Photos de chantier avant et après, présentées en paires Avant/Après étiquetées

• Politique de confidentialité précisant ce que le formulaire recueille et où ces renseignements sont acheminés

• Prise en charge de la réduction des animations et métadonnées sociales rendues côté serveur