Reconstruction du site Web HydrantSystem à partir de zéro après la perte de l'ancien site

Cette étude de cas n’a pas commencé par une refonte normale. Tout a commencé par une urgence : l’ancien site Web ne pouvait plus être restauré car l’hébergement et le domaine n’avaient pas été renouvelés depuis trop longtemps et aucune sauvegarde n’était disponible.

Le site Web reconstruit était hydrantsystem.co.id, qui reprenait le site précédent de firesystem.co.id.

Bref résumé et points à retenir

Si votre ancien site Web a déjà disparu du serveur et qu’il n’y a pas de sauvegarde, contactez-nous pour une consultation gratuite afin que nous puissions choisir le bon chemin de récupération et de reconstruction.

Chronologie du projet : de la solution rapide à la reconstruction complète

10 juin 2024 : 404 erreurs après la migration de l’hébergement

Le 10 juin 2024, l’équipe de PT Rasa Nday Suksindo m’a contacté car leur site Web, firesystem.co.id, présentait un problème après la migration vers Hostinger : chaque page, à l’exception de la page d’accueil, renvoyait une erreur 404 Not Found.

Il s’agit d’un problème WordPress classique et est souvent lié à la configuration des permaliens ou aux règles de réécriture. Après que le client ait expliqué les symptômes, j’ai pu y remédier en quelques minutes.

29 octobre 2025 : l’ancien site Web ne peut plus être restauré

Le client m’a recontacté le 29 octobre 2025 pour réactiver le site qui était inactif car le domaine et l’hébergement n’étaient plus renouvelés.

Le défi était simple :

• Cela faisait plus d’un an depuis le renouvellement.
• Les anciennes données du site Web ont déjà été supprimées par le fournisseur.
• Il n’y a eu aucune sauvegarde du client.

Cela signifiait que la restauration n’était plus une option. La seule solution réaliste était de reconstruire le site Web à partir de zéro.

Après une discussion téléphonique, nous nous sommes mis d’accord sur une reconstruction complète, j’ai préparé la proposition, puis les travaux de reconstruction ont commencé.

Approche technique et architecture

Thème et fondation Builder

La pile principale que j’ai utilisée était :

• GeneratePress comme thème de base.
• GenerateBlocks en tant que constructeur de pages.

La raison était la même que dans la plupart de mes projets : léger, flexible et beaucoup plus facile à entretenir à long terme par rapport à une pile lourde.

Un héros de page d’accueil plus vivant avec la vidéo AI

Pour améliorer la première impression sur la page d’accueil, j’ai utilisé Gemini AI pour générer une courte vidéo pour la zone des héros. Cela a rendu la section d’ouverture plus vivante sans ajouter d’éléments lourds inutiles.

Pages de produits sans WooCommerce, par conception

L’une des décisions les plus importantes de ce projet a été de ne pas utiliser WooCommerce pour le catalogue de produits.

Pourquoi ?

• L’entreprise n’avait pas besoin d’automatisation du panier, du paiement ou des commandes.
• Les transactions ont été traitées manuellement via WhatsApp.
• Utiliser WooCommerce uniquement pour obtenir des pages de boutique et de produits uniques ajouterait des fonctionnalités que l’entreprise n’utiliserait pas réellement.

Au lieu de cela, j’ai construit la boutique et les pages mono-produit en utilisant :

• types de publication personnalisés via Champs personnalisés sécurisés (SCF)
• gestion de la mise en page et des modèles via GeneratePress Elements

Cela a permis de conserver un aspect professionnel à l’expérience tout en rendant l’architecture plus légère et mieux alignée sur les besoins réels de l’entreprise.

Plugins utilisés

Le projet a utilisé ces plugins :

1. Bloc coulissant du carrousel Pour des témoignages tournants, de la documentation vidéo et des galeries de photos.

2. Extraits fluides Pour des extraits personnalisés.

3. Générer des blocs En tant que constructeur de page principal.

4. GP Premium Pour des fonctionnalités supplémentaires de GeneratePress Pro.

5. Cache LiteSpeed Choisi parce que Hostinger utilise LiteSpeed Web Server, c’était donc l’option de cache la plus judicieuse.

6. NinjaFirewall (édition WP) Pour une couche de sécurité supplémentaire.

7. SVG sécurisé Pour les éléments du logo SVG.

8. Champs personnalisés sécurisés (SCF) Pour les types de publication personnalisés et les champs personnalisés.

9. Référencement mince Plugin SEO léger qui répond aux besoins du projet.

10. Chat flottant WA Notre plugin interne pour un widget de chat WhatsApp flottant.

11. Galerie de produits WC Pour la galerie mono-produit, cela ressemblait toujours à une expérience WooCommerce, tandis que les données étaient gérées via des champs personnalisés.

Avant vs Après

Page d’accueil

Ancienne page d’accueil avant :

Nouvelle page d’accueil après :

À propos de la page

Boutique / Page produit

Résultats de performances

Résultats PageSpeed sur ordinateur :

• Performances : 100
• Accessibilité : 98
• Meilleures pratiques : 100
• Référencement : 92

Impact commercial et opérationnel

Après la reconstruction :

• Le site Internet est de nouveau actif avec une structure plus moderne.
• La présentation semblait plus professionnelle et alignée sur le positionnement de l’entreprise.
• La gestion du contenu est devenue plus facile pour le travail quotidien.
• L’architecture technique est restée légère car les fonctionnalités n’étaient construites que là où elles étaient réellement nécessaires.

Leçons de ce projet

1. Un site Web sans sauvegarde peut toujours être sauvé en tant qu’actif commercial grâce à une bonne stratégie de reconstruction.
2. Tous les sites Web de produits n’ont pas besoin de WooCommerce, en particulier lorsque le flux de transactions est manuel via WhatsApp.
3. Le choix d’une pile légère qui correspond aux besoins réels de l’entreprise offre généralement une meilleure stabilité à long terme.

Vous souhaitez reconstruire votre site Web avec une approche similaire ?

Si votre site Web ne peut plus être restauré, ou si vous souhaitez le reconstruire avec une pile plus légère et plus maintenable, nous pouvons commencer par un audit des besoins.

Vous pouvez également explorer notre service de développement de sites Web et notre service de plugin WordPress personnalisé en fonction de la portée du projet.