Un site qui explique le métier de SAT Plus et mène au devis

1. Le contexte

SAT Plus est une société installée dans la métropole lilloise depuis 1996. Elle installe les commandes automatiques du chauffage, de la lumière et de l'aération des bâtiments. Les gens du métier disent GTB et GTC : gestion technique du bâtiment, gestion technique centralisée. Elle fait aussi des logiciels et des systèmes de communication. Elle a le label EcoXpert de Schneider Electric.

Ses clients commandent des travaux pour des bureaux, des usines, des collectivités et des établissements de santé. Chacun arrive avec ses contraintes : un service qui ne s'arrête pas, la sécurité, l'énergie consommée. Les normes techniques du métier ne parlent qu'aux spécialistes qui conseillent l'achat. Le site devait rendre ce travail lisible sans l'appauvrir.

L'entreprise compte moins de dix salariés. Le site public devait donc tenir sans équipe technique derrière. À côté, un espace protégé par mot de passe devait accueillir les clients et les techniciens.

2. La demande

Ce que le client attendait, en clair :

• Expliquer les commandes automatiques des bâtiments à des lecteurs qui ne sont pas spécialistes.
• Donner sa page à chacun des trois métiers : commandes des bâtiments, logiciels, communication.
• Traiter séparément les bureaux, l'industrie, les collectivités et la santé.
• Montrer des installations réelles et les certifications de l'entreprise.
• Conduire le visiteur vers une demande de devis guidée.
• Ouvrir un espace protégé aux clients et aux techniciens, que Google ne montre pas.

3. La réponse

J'ai séparé le projet en deux ensembles. Le site public explique le métier et mène au devis. L'espace protégé est réservé aux clients et aux techniciens de l'entreprise, et il demande à Google de ne pas l'afficher. Les deux ont la même apparence, sans se mélanger.

J'ai fait des pages simples, sans outil d'édition, envoyées en connexion chiffrée. Il n'y a donc aucun outil à mettre à jour, et rien à corriger en urgence. La page d'accueil pèse environ vingt-six kilo-octets hors images : bien moins qu'une photo de téléphone.

Le formulaire de devis prépare un message vers l'adresse de contact de l'entreprise. Les demandes arrivent dans la boîte mail qu'elle utilise déjà chaque jour. Le site public ne garde aucune information sur les visiteurs qui demandent un devis.

4. Les étapes

1. Comprendre le métier

   Le gérant m'a expliqué son activité : ses services, ses normes techniques, ses secteurs, les attentes de ses clients. J'en ai tiré le plan des pages et un parcours unique, qui mène à la demande de devis.

2. Le plan et l'apparence

   J'ai fixé quinze pages : services, secteurs, entreprise, ressources, pages légales. Le site s'affiche en sombre, avec une version claire complète. Le choix du lecteur reste enregistré sur son appareil.

3. La fabrication des pages publiques

   J'ai fabriqué les quinze pages. Le haut et le bas des pages viennent d'un seul fichier : une correction suffit pour toutes. Le menu sur téléphone, les liens vers chaque partie de page et la navigation au clavier sont compris.

4. Les textes et les images

   J'ai rangé les informations techniques page par page. J'ai préparé les photos d'installations, cinq études de cas et dix-huit questions fréquentes. Chaque image a un texte qui la décrit, lu aux personnes malvoyantes.

5. L'espace protégé

   J'ai ouvert un espace réservé aux comptes de l'entreprise, clients et techniciens. Pour s'y connecter, il faut le mot de passe, puis un second code de vérification. Les moteurs de recherche, comme Google, ne le montrent pas.

6. Google et la loi

   J'ai posé les réglages qui aident Google à trouver et à comprendre chaque page. Le détail technique est donné sur demande. Les mentions légales et la politique de confidentialité sont publiées, et atteignables depuis chaque page.

7. Les essais, puis l'ouverture au public

   J'ai essayé chaque page sur téléphone et sur ordinateur avant l'ouverture. J'ai ouvert le site sur l'hébergement de l'entreprise, avec une connexion toujours chiffrée. Les pages sont compressées, et le navigateur garde la mise en forme en mémoire.

5. Ce qui a été livré

• Quinze pages publiques, toutes inscrites au plan du site.
• Trois pages de services : commandes des bâtiments, logiciels, systèmes de communication.
• Quatre pages de secteurs : bureaux, industrie, collectivités, santé.
• Une page Réalisations : cinq études de cas et quatorze photos d'installations.
• Une page Certifications, qui présente le label EcoXpert de Schneider Electric.
• Une page de questions fréquentes : dix-huit questions et réponses.
• Un formulaire de devis à huit cases, dont quatre obligatoires, envoyé à la boîte mail de l'entreprise.
• Une page de connexion à l'espace protégé, avec un second code de vérification, que Google ne montre pas.
• Des mentions légales et une politique de confidentialité qui respectent la loi sur les données personnelles (RGPD).
• Une vidéo de présentation sur l'accueil, chargée seulement quand on la lance.

6. Les résultats

8. Fiche technique