Transformation numérique chez PT Zumatic Saka Persada : de complexe à gérable

Le 5 juin 2025, j’ai reçu un message WhatsApp de l’équipe PT Zumatic Saka Persada. La demande était très claire : ils voulaient un site Web plus organisé, plus facile à gérer en interne et ne dépendant plus d’une aide technique uniquement pour mettre à jour le texte, les images ou les pages.

Le client a déclaré :

Bonjour Monsieur, j’envisage de nettoyer et simplifier mon site internet. Je veux pouvoir modifier moi-même du texte, des images et des pages sans aide technique. Je souhaite migrer vers des blocs.

Dès le début, il était clair que le client comprenait déjà la valeur des blocs WordPress et souhaitait déjà passer à un flux de travail d’édition basé sur des blocs.

Ce n’était pas non plus notre première interaction. En septembre 2023, le client m’avait contacté pour résoudre plusieurs problèmes techniques sur le même site. Le projet de juin 2025 était donc une deuxième phase : non plus une solution partielle, mais une transformation plus large.

Une fois la discussion et l’audit commencés, j’ai découvert que le défi ne concernait pas uniquement l’éditeur de contenu. L’ancienne conception présentait des problèmes d’interface utilisateur et d’expérience utilisateur, la rédaction n’était pas encore suffisamment solide pour prendre en charge la conversion et les performances techniques laissaient encore beaucoup de place à l’amélioration. Pour cette raison, j’ai proposé une approche plus complète : convertir le site en blocs tout en le repensant en même temps. Le client a accepté, et ce fut le véritable début du projet.

Bref résumé et points à retenir

Vous souhaitez un audit rapide pour cartographier les plus grandes opportunités d’amélioration sur votre site Web ? Obtenez des recommandations de mise en œuvre lors d’une séance de consultation gratuite. Démarrer une consultation.

Avant d’entrer dans la mise en œuvre technique, voici le contexte du site Web original de PT Zumatic et pourquoi ce projet avait besoin d’une transformation plus complète.

La condition de départ et les principaux défis

Phase 1 (septembre 2023) : correctifs partiels

Lorsque le client m’a contacté pour la première fois en septembre 2023, l’accent était toujours mis sur la résolution de quelques problèmes techniques. Mais après évaluation, il est devenu clair que les problèmes étaient liés et superposés :

Problèmes de sécurité et de maintenance :

• Le site Web recevait souvent du spam provenant du formulaire de contact.
• WordPress n’avait pas été correctement entretenu et utilisait toujours PHP 7.2.
• Plusieurs plugins étaient déjà incompatibles car ils nécessitaient au minimum PHP 7.4.

Problèmes d’UX et de contenu :

• La conception de l’interface utilisateur n’était pas très conviviale.
• La table du projet était toujours construite avec du HTML brut, ce qui rendait sa modification difficile.
• Le site Internet ne reflète pas encore le professionnalisme de l’entreprise.

Phase deux (juin 2025) : Transformation complète

Lorsque le client est revenu en juin 2025, le besoin avait changé. Ils voulaient un système que l’équipe interne pourrait gérer sans friction technique. Ce fut là le véritable tournant entre la « réparation » et la « transformation ».

Référence des performances avant l’optimisation

L’audit de performance initial a montré un point de départ assez faible.

PageSpeed Insights avant l’optimisation :

• Mobile : 53 performances, 93 accessibilité, 96 bonnes pratiques, 85 SEO.
• Desktop : 81 performances, 98 accessibilité, 96 bonnes pratiques, 85 SEO.

Résultats du test de vitesse du navigateur avant :

• 122 demandes
• 3,1 Mo transférés
• 7,0 Mo de ressources totales
• Temps d’arrivée de 3,33 secondes
• 1,35 s DOMContentLoaded

Comparaison visuelle : avant et après

La comparaison de la page d’accueil montre le plus grand changement visible : d’une mise en page rigide à une structure plus moderne, organisée et plus facile à numériser.

Transformation de la page de contact

La page de contact a également considérablement changé, passant d’une présentation très basique à quelque chose de beaucoup plus clair et crédible pour les clients potentiels :

Complexité de la gestion de contenu

Le plus grand défi opérationnel était la gestion du contenu. C’était tout simplement trop technique pour une équipe non technique.

• La table du projet a été construite avec du HTML brut, ce qui nécessitait du codage juste pour la modifier.
• Il y avait 20 plugins actifs, dont WPBakery Page Builder, qui était relativement complexe.
• Slider Revolution était lourd et difficile à gérer pour un usage quotidien.
• Il n’existait pas de norme claire en matière de flux de travail de contenu.

L’approche et la méthodologie

Analyse complète

J’ai commencé par un audit plus large portant sur cinq domaines :

1. Audit technique : performances, sécurité et compatibilité.
2. Audit UX/UI : expérience utilisateur et structure de l’interface.
3. Audit de contenu : qualité de la rédaction et hiérarchie de l’information.
4. Audit SEO : viabilité technique et fondamentaux sur la page.
5. Audit du workflow : comment l’équipe a géré la création et les mises à jour du contenu.

Stratégie de transformation

Sur la base de l’audit, la transformation s’est concentrée sur trois piliers principaux :

1. Simplification technologique

• Migration de WPBakery vers GenerateBlocks Pro.
• Réduction des plugins de 20 à 15 plugins mieux optimisés.
• Utiliser GeneratePress comme base de thème.

2. Optimisation des performances

• Optimisation du code et des actifs du site.
• Application d’une configuration de mise en cache plus efficace.
• Compresser et optimiser les images.

3. Un workflow de gestion de contenu plus convivial

• Rendre la gestion de contenu plus intuitive.
• Création d’un plugin personnalisé pour les besoins multilingues.
• Utiliser ACF pour une gestion de projet plus simple.

Implémentation technique

1. Migration du thème et du générateur de pages

J’ai déplacé le site Web de WPBakery vers GenerateBlocks Pro, qui est plus léger et plus facile à utiliser. Cette décision était fondée sur :

• de meilleures performances grâce à un code plus propre et plus léger
• une interface d’édition plus intuitive pour une équipe non technique
• plus de flexibilité sans ballonnement inutile
• maintenance à long terme plus facile

J’ai également utilisé GeneratePress comme thème de base car :

• le code est très léger et bien optimisé
• cela fonctionne très bien avec GenerateBlocks
• il reste flexible pour une personnalisation à long terme
• son support développeur est mature et stable

2. Développement de plugins personnalisés

L’un des besoins uniques de ce projet était une configuration multilingue très spécifique. PT Zumatic n’avait besoin que d’une prise en charge bilingue pour la section Insights & News. Pour cette raison, j’ai construit un plugin personnalisé avec ces caractéristiques :

• mise en œuvre ciblée : active uniquement sur la section blog/insights
• commutation simple : basculement de langue facile à comprendre
• intégration backend : s’intègre naturellement dans le flux de travail d’administration WordPress

Avec cette configuration, l’équipe d’administration pourrait gérer le contenu bilingue sans avoir besoin d’un plugin multilingue lourd. En pratique, l’interface permet à l’administrateur :

1. Ajoutez un nouvel article via une interface plus propre.
2. Définissez la langue à partir d’une simple liste déroulante.
3. Liez deux versions linguistiques du même article.
4. Prévisualisez le contenu avant de le publier.

Les principaux avantages :

• mise en œuvre ciblée uniquement là où cela est nécessaire
• une interface simple sans trop d’options
• une gestion bilingue plus efficace

Intégration ACF pour la gestion de projet

Pour remplacer l’ancien système de tableaux HTML bruts, j’ai préparé :

• un type de publication personnalisé pour les projets avec des champs structurés
• Intégration ACF pour une saisie de données beaucoup plus facile
• un système de filtrage personnalisé utilisant les blocs de requête GenerateBlocks Pro
• une mise en page automatique plus cohérente pour tous les projets

Cela a transformé l’entrée du projet d’une tâche HTML brute en un formulaire structuré beaucoup plus facile à utiliser.

Gestion des informations du projet :

• saisie des données de l’utilisateur final via des champs structurés
• sélection de l’industrie via des listes déroulantes
• emplacement et année à travers des champs plus simples
• suivi du statut grâce à des contrôles d’administration plus clairs

Fonctionnalités avancées :

• champs de répéteur pour les détails de la portée du projet
• entrée de la pile technologique
• filtrage personnalisé intégré aux blocs de requêtes

Avantages pour l’équipe PT Zumatic :

• aucun codage requis
• mise en page cohérente
• mises à jour faciles sans casser la mise en page
• présentation plus professionnelle

3. Plugin et optimisation des performances

Optimisation des plugins (20 -> 15 plugins)

Plugins supprimés ou remplacés :

• Générateur de pages WPBakery -> GenerateBlocks Pro
• Slider Revolution
• Ajax Load More -> fonctionnalité WordPress native
• Breadcumb NavXT
• Témoignage CL
• quelques plugins de sécurité redondants
• Contact Form 7 -> Everest Form

Nouveaux plugins ajoutés :

• Générer des blocs Pro
• Nettoyage des actifs Pro
• SEO mince
• plugin multilingue personnalisé par Harun Studio
• SCF
• WPS Masquer la connexion
• Images SVG WP
• SmartSMTP

4. Optimisation des performances

GeneratePress et GenerateBlocks sont déjà rapides en eux-mêmes, mais j’ai quand même appliqué quelques optimisations supplémentaires pour des résultats plus solides :

Techniques d’optimisation avancées :

• chargement uniquement des CSS et JavaScript réellement nécessaires, avec l’aide d’Asset CleanUp
• Optimisation CSS et JavaScript grâce à une minification et une livraison plus propre
• optimisation d’image par compression et WebP
• une configuration de mise en cache plus efficace

Résultats et impact de la transformation

Amélioration significative des performances

PageSpeed Insights après optimisation :

Test de vitesse du navigateur après :

• Requêtes : 122 -> 64 (réduction de 47,54%)
• Transféré : 3,1 Mo -> 4,8 Mo (ajusté en raison de nouveaux éléments de contenu)
• Ressources : 7,0 Mo -> 5,2 Mo (25,71% de réduction)
• Temps de fin : 3,33 s -> 1,70 s (48,95 % plus rapide)
• DOMContentLoaded : 1,35s -> 1,44s (maintenu)

Remarque : la taille transférée a augmenté en raison de ressources de contenu plus récentes, mais les ressources totales ont chuté, le volume des demandes a considérablement diminué et le temps de fin s’est amélioré de près de 49 %.

Vous souhaitez des résultats similaires pour votre site Web ? Commencez par une consultation gratuite et nous réaliserons un audit rapide et vous proposerons une voie de mise en œuvre pratique. Contactez-nous.

Transformation du tableau de bord WordPress

L’un des impacts les plus importants de ce projet s’est effectivement produit à l’intérieur du tableau de bord : il est passé d’un élément déroutant à un élément beaucoup plus facile à utiliser pour l’équipe interne.

Le nouveau tableau de bord fournit désormais :

• une structure de menu simplifiée
• types de publications personnalisés plus propres pour les projets et les informations
• une terminologie plus claire
• un flux de travail quotidien plus efficace

Mesures de performances dans le navigateur

La comparaison au niveau du navigateur montre comment le travail technique s’est traduit par un modèle de chargement plus efficace :

Cette réduction de 122 à 64 requêtes a eu un impact direct sur la vitesse de chargement.

Évolution de la page du projet

Les pages du projet ont également beaucoup changé, passant d’un système rigide à quelque chose de beaucoup plus dynamique et plus facile à gérer :

La nouvelle page des projets propose désormais :

• filtrage dynamique par industrie et technologie
• une disposition de grille réactive
• gestion de contenu plus facile via le tableau de bord
• présentation plus professionnelle

Meilleure structure des pages de services

La page des services est également devenue plus structurée et plus claire :

Impact sur le flux de travail de l’équipe

La gestion de contenu est devenue beaucoup plus simple dans la pratique :

1. Gestion de projet : du HTML brut à un système basé sur ACF beaucoup plus simple.
2. Création de contenu : une interface plus intuitive pour différents types de contenu.
3. Contenu multilingue : un flux de travail bilingue plus simple et plus efficace.
4. Gestion des médias : organisation du contenu plus propre.

Résultats de la formation et de l’adoption :

Après la mise en œuvre, j’ai dispensé une formation à l’équipe de PT Zumatic. Le résultat a été fort :

• Taux d’adoption de 95 % : l’équipe a pu utiliser le nouveau système immédiatement
• courbe d’apprentissage réduite : le temps de formation est passé de 4 heures à 1h30
• autonomie : l’équipe pouvait gérer environ 90% des besoins en contenus en interne

Commentaires des clients

“C’est déjà parfait. Le processus de gestion est devenu très simple. Même si nous avons encore besoin d’un développeur web pour certaines fonctions, pour le travail quotidien comme l’ajout d’un nouveau projet, d’une nouvelle page ou d’un nouvel article, tout est déjà très simple et pas trop technique.”

Équipe PT Zumatic Saka Persada

Leçons et bonnes pratiques

Facteurs clés de succès

1. Compréhension approfondie : comprendre le flux de travail du client avant de concevoir la solution.
2. Mise en œuvre progressive : réduire les perturbations en transformant par étapes.
3. Solutions personnalisées : conçues spécifiquement pour les besoins réels.
4. Formation des utilisateurs : investir dans l’adoption afin que le nouveau système puisse réellement être utilisé.
5. Priorité aux performances : ne sacrifiez pas la vitesse uniquement pour ajouter des fonctionnalités.

Meilleures pratiques techniques

1. Minimalisme des plugins : utilisez uniquement les plugins qui sont vraiment nécessaires.
2. Développement personnalisé : créez des solutions personnalisées pour des exigences spécifiques.
3. La performance d’abord : évaluez l’impact sur la performance de chaque décision technique.
4. Conception centrée sur l’utilisateur : privilégiez la facilité d’utilisation sur chaque interface.
5. Pérennité : créez des systèmes plus faciles à étendre ultérieurement.

Prêt à transformer votre site Web ?

Le projet PT Zumatic Saka Persada montre qu’une transformation appropriée peut transformer un site Web d’un fardeau opérationnel en un actif commercial solide et facile à gérer.

Si votre site Web est confronté à des défis similaires, tels que des performances lentes, une gestion de contenu trop complexe ou un besoin de fonctionnalités personnalisées, nous pouvons vous aider à définir la bonne stratégie.

Prestations disponibles :

• Développement de sites internet pour entreprises
• Maintenance du site Web pour un support à long terme
• Développement d’applications Web personnalisées pour les flux de travail d’entreprise

Contactez-nous pour une consultation gratuite et nous cartographierons la prochaine étape la plus pertinente pour votre site Web.