St-Hubert Machine Shop

Le défi

L’atelier sert l’industrie lourde au Québec et en Ontario : usinage de haute précision, taillage d’engrenages, remise à neuf de boîtes d’engrenages, atelier mobile 24/7 et réparations autorisées Radicon. L’ancien site avait grossi au fil des années : il était lent sur cellulaire, difficile à mettre à jour, et les versions française et anglaise ne correspondaient plus page par page.

La plupart des visiteurs sont des responsables de maintenance et des acheteurs qui veulent savoir une chose : est-ce que l’atelier peut réparer ma pièce, et en combien de temps. Ils consultent souvent le site sur leur téléphone, directement dans l’usine. Les demandes de soumission arrivaient surtout par téléphone ou par courriel sans plans, ce qui voulait dire beaucoup d’allers-retours avant que l’équipe d’ingénierie puisse donner un prix.

Ce que nous avons réalisé

On a reconstruit les 35 pages en Next.js avec génération statique : chaque page est pré-rendue et servie rapidement partout. L’anglais et le français vivent sous /en et /fr avec une correspondance un pour un, donc changer de langue ramène toujours à la même page. On a écrit le système de design en CSS modules, sans librairie d’interface, ce qui garde les pages légères et colle à l’allure industrielle de l’atelier.

Le cœur du projet, c’est le formulaire de soumission. Le visiteur choisit un type de service, décrit le travail et joint un plan ou une photo; la demande part directement par courriel à l’atelier avec le fichier en pièce jointe. On a aussi réorganisé les services en pages claires (usinage, service mobile sur place, réparation d’engrenages, industries desservies) et ajouté des galeries d’usinage, d’engrenages, de fabrication et de vidéos pour que les acheteurs voient l’équipement avant d’appeler.

Côté référencement, chaque page a son propre titre, sa description et ses balises hreflang dans les deux langues, et la structure suit la façon dont les gens cherchent : réparation de boîte d’engrenages à Montréal, fabrication d’engrenages, usinage mobile. On s’occupe encore des mises à jour, comme les offres d’emploi et les nouvelles.

Points forts

• 35 pages en français et en anglais avec des URL correspondantes
• Formulaire de soumission avec téléversement de plans et de photos
• Galeries d’usinage, d’engrenages, de fabrication et de vidéos avec visionneuse
• Pages dédiées aux services, aux industries, aux produits et au centre de réparation Radicon
• Sections Carrières et Nouvelles que l’atelier peut garder à jour
• Widget d’aide bilingue qui guide les visiteurs vers la bonne page
• Métadonnées SEO par page, hreflang et sitemap