Aller au contenu

Rénovation D. Fortin

Un entrepreneur général met en vitrine ses 39 réalisations

Entrepreneur général établi à Saint-Eustache depuis 1988, Rénovation D. Fortin avait un site WordPress lourd à entretenir. Nous avons bâti un site statique rapide, avec ses 39 réalisations à explorer, un répertoire de 46 partenaires, une animation 3D et un formulaire de soumission sans service externe.

Statut
Site programmé et testé, mise en ligne en préparation
Site
renovationdfortin.com
Technologies
Astro · TypeScript · three.js · PHP · GitHub Actions · cPanel
  • 39réalisations à explorer
  • 46partenaires dans le répertoire
  • 44anciennes adresses redirigées
  • 100Lighthouse sur cellulaire, en test

Le contexte

Rénovation D. Fortin est un entrepreneur général établi à Saint-Eustache depuis 1988. L’entreprise fait de la rénovation résidentielle et commerciale, des agrandissements, des maisons intergénération et de la construction neuve, avec un réseau de sous-traitants et de fournisseurs.

Son site WordPress (thème Avada) était lourd à entretenir. Il n’avait aucune page par service, le titre principal de son accueil était « Accueil » et, sans JavaScript, il montrait des compteurs à zéro et des carrousels qui ne finissaient pas de charger.

Les défis

  • Repartir à neuf : aucun fichier, thème ni extension de l’ancien WordPress ne devait être repris.
  • Garder le référencement acquis, avec 44 anciennes adresses à rediriger vers la bonne page.
  • Un hébergement cPanel sans accès terminal : le site devait s’installer par simple copie de fichiers.
  • Une animation 3D à l’accueil, sans jamais retarder l’affichage de la page.

Ce que nous avons bâti.

  • Des réalisations à explorer

    Chaque projet a sa fiche. On cherche par mot, on filtre par secteur, par type de travaux ou par ville, et deux pages regroupent le résidentiel et le commercial. Tout reste lisible sans JavaScript.

  • Un répertoire de partenaires

    Les 46 sous-traitants et fournisseurs sont classés en cinq familles de métiers, avec logos, boutons d’appel et liens vers leurs sites. La recherche ignore les accents et trouve un bout de numéro.

  • Une animation 3D en quatre temps

    Idée, plan, chantier, résultat : l’accueil raconte un projet en 3D. Une image fixe s’affiche d’abord ; l’animation se charge ensuite, et un dessin 2D la remplace sur un appareil sans carte graphique.

  • Un formulaire sans service externe

    La demande part par courriel depuis l’hébergement, avec un accusé de réception, et n’est pas conservée sur le serveur. Le formulaire fonctionne sans JavaScript et filtre le pourriel sans casse-tête ni service tiers.

  • Une mise en ligne par copie

    Le déploiement est prêt : chaque version vérifiée se copie sur l’hébergement par une connexion chiffrée, d’abord en préproduction, jamais indexée, puis en production, à la demande.

  • Fait pour être trouvé

    Neuf pages de services, des données structurées pour Google, un plan du site, un résumé pour les assistants IA et 44 anciennes adresses redirigées vers leur nouvelle page.

Ce que le site fait tout seul

  • Une réalisation ajoutée aux données crée sa fiche, sa carte et ses filtres
  • Une fiche qui reçoit son texte entre d’elle-même dans le plan du site
  • Un partenaire ajouté paraît dans le répertoire, avec son logo optimisé
  • L’âge de l’entreprise se recalcule chaque année, le 2 mai
  • Un paragraphe incomplet n’apparaît jamais en ligne
  • Une donnée invalide bloque la publication au lieu d’apparaître en ligne

Les résultats

resultats.txt
  1. $ priam rapport --projet
  2. En test sur cellulaire, Lighthouse donne 100 en performance, accessibilité, bonnes pratiques et SEO sur 12 pages types, sauf le SEO des deux pages tenues volontairement hors de Google.
  3. Aucune violation d’accessibilité détectée par axe-core (WCAG 2.2 AA) sur 14 pages, en mode clair et en mode sombre.
  4. Les 39 réalisations et les 46 partenaires de l’ancien site sont repris sans perte ni ajout, et chacune des 44 anciennes adresses mène à une page qui existe.
  5. Plus de WordPress ni d’extensions à mettre à jour : un seul script PHP est servi, celui du formulaire, et aucune ressource ne vient d’un autre site.

Les solutions utilisées

Autres études de cas

Parlons de votre projet.

Racontez-nous ce qui vous fait perdre du temps. Une première rencontre, sans engagement, suffit souvent à voir ce qui est possible.

Nous joindre1 888 697-7426

↑↓ naviguerEntrée ouvrir/ ou Ctrl K rechercher