# Site d’entreprise CVC avec calculateur de soumission

Northline Chauffage et climatisation — un site de services résidentiels avec vérification de zone par code postal, calculateur de prix et financement, forfaits d’entretien et réservation par plage horaire, en environ 11,2 Ko de code compressé.

> home-services · 2026-09-29T15:05:19.089Z

Project overview

Northline est un entrepreneur fictif en chauffage et climatisation, conçu comme vitrine pour les métiers et services résidentiels. Le propriétaire veut savoir vite : desservez-vous mon secteur, combien environ, et quand pouvez-vous venir. Le site répond en quelques secondes et envoie les vraies urgences directement au téléphone.

[Ouvrir la démo Northline en ligne](/demos/northline/index.html)

Client context

  - Industry: Services résidentiels / CVC

  - Client size / environment: Entrepreneur local — build vitrine, marque fictive

  - Primary stakeholders: Répartition, techniciens-vendeurs, propriétaires sur mobile

Challenge

Les sites d’entrepreneurs sont souvent lents, génériques et finissent par un formulaire de soumission sans réponse rapide. Il fallait qualifier la demande avant la répartition — secteur, système, budget, plage horaire — tout en dirigeant les pannes de chauffage vers un appel, pas une boîte courriel.

Scope delivered

  - Vérification de zone par code postal avec nom du quartier et prochaine plage libre

  - Estimation : type de système, superficie, âge et conduits, avec fourchette de prix et paiement mensuel (amorti)

  - Tableau honnête fournaise vs thermopompe vs biénergie

  - Forfaits d’entretien et cartes de services qui présélectionnent le type de visite

  - Réservation par plage d’arrivée, validation, numéro de référence — urgences sans chauffage dirigées vers le téléphone

  - Bandeau d’urgence 24/7, barre d’appel mobile, polices auto-hébergées, compatibilité CSP

Before / after

  - Avant: Un numéro, une liste de services et un formulaire générique — chaque demande exige un rappel juste pour les bases.

  - Après: Le propriétaire confirme la couverture, voit une fourchette réaliste et un paiement mensuel, et choisit une plage d’arrivée. La répartition reçoit une demande qualifiée. Environ 11,2 Ko de HTML, CSS et JavaScript compressés.

Mobile — mise en page 390 px, menu ouvert et barre d’appel
Bureau — bandeau d’urgence, titre et vérification du code postal

Visual proof placeholders

  - 17 tests navigateur automatisés — validation et couverture du code postal, recalcul de l’estimation, financement, présélection, validation, urgences, barre d’appel mobile

  - Aucun débordement horizontal à 390 px ; zéro erreur JavaScript

  - Fonctionne sous la même CSP stricte que ce site

Delivery timeline

  - Phase 1 : Parcours de qualification, contenu et système visuel

  - Phase 2 : Zone de service, calculateur et financement, logique de réservation

  - Phase 3 : Mobile, accessibilité, tests automatisés et captures

Outcome

Un site d’entrepreneur qui transforme les visites en demandes qualifiées et garde les urgences au téléphone. Estimation et réservation sont prêtes à être reliées à un logiciel de service terrain ou un CRM.

Technology stack

HTML5, CSS Grid/Flexbox, JavaScript natif, polices auto-hébergées, images WebP, tests navigateur automatisés Playwright.

Visual evidence

Estimation — fourchette et paiement mensuel mis à jour en direct
Services — chaque carte mène à une réservation préremplie
Fournaise ou thermopompe — comparaison claire pour climat froid
Forfaits d’entretien — trois niveaux, sans engagement
Travaux récents — quartier et type de système
Réservation — plages d’arrivée, validation et référence

---
Source page: https://amensecurity.ca/fr/projects/hvac-website-quote-calculator
Markdown version for AI agents · Amen Security
Email: info@amensecurity.ca
Phone: +1 (204) 514-3536