Refonte sur-mesure WordPress du site all4trees.org.

all4trees est une association engagée dans la préservation et la restauration des forêts à travers le monde. Elle fédère une communauté d’acteurs — citoyens, entreprises, ONG — autour d’une même ambition : agir concrètement pour les forêts et pour le climat.

Mais malgré la force de sa mission, son écosystème numérique ne reflétait plus ses valeurs. Le site principal, accompagné de deux sous-domaines dédiés aux actualités et aux projets, avait vieilli. Il était devenu lent, complexe, énergivore et difficile à maintenir.

Lorsque Studio Undefined a été sollicité, l’objectif était clair :

🎯 Repenser entièrement la présence en ligne de l’association, pour créer un site plus moderne, plus éco-conçu et plus efficace, au service de ses missions.

Le projet a rapidement pris une dimension particulière pour le studio : au-delà d’une refonte technique, c’était une opportunité de mettre nos compétences au service d’une cause environnementale qui nous tient à cœur.

Une partie de la mission a d’ailleurs été réalisée en mécénat de compétences, pour affirmer cet engagement.

Avant d’amorcer la refonte, nous avons procédé à un audit complet des trois sites existants :

• un site principal sur all4trees.org,
• un sous-domaine “projects” dédié aux initiatives soutenues,
• un sous-domaine “news” pour les actualités.

Ces sites, construits avec WPBakery et un thème Envato, reposaient sur une architecture WordPress multisite associée à WooCommerce, alors même qu’aucune boutique n’était utilisée.

Les principaux constats :

❌ 44 plugins actifs, souvent redondants, parfois obsolètes, et source de lenteur.

❌ Une arborescence complexe, parfois incohérente d’un site à l’autre.

❌ Des liens internes cassés entre les sous-domaines.

❌ Des temps de chargement très élevés : plus de 7 secondes pour le Largest Contentful Paint.

❌ Une empreinte carbone alarmante, avec une note F à G selon Website Carbon et Eco Index.

❌ Une structure de code lourde et peu optimisée pour le référencement.

Le constat était sans appel : le site ne servait plus ni la cause, ni les utilisateurs, ni la planète.

Notre démarche s’est articulée autour de trois axes.

1. Simplification et cohérence

Nous avons décidé de fusionner les trois sites en un seul.

Objectif : centraliser l’information, simplifier la gestion et offrir aux visiteurs une expérience fluide et cohérente.

L’arborescence a été entièrement repensée avec l’association, pour construire un parcours lisible et intuitif autour de trois grands pôles :

• Découvrir : comprendre la mission et les actions de l’association.
• Agir : s’engager comme citoyen, entreprise ou partenaire.
• S’informer : suivre les actualités, les projets et les initiatives.

Un socle technique maîtrisé

Le nouveau site repose sur un thème développé entièrement sur mesure.

L’utilisation combinée de Gutenberg et d’ACF nous a permis d’offrir à l’association une interface d’administration simple et intuitive, tout en conservant une flexibilité maximale pour la mise en page.

Grâce à Timber (moteur de templating basé sur Twig), nous avons pu structurer le code HTML proprement, en séparant logique et présentation.

Résultat : un site léger, lisible et rapide à exécuter, tout en restant extensible pour les évolutions futures.

Un hébergement cohérent

Nous avons sélectionné un hébergeur français engagé dans la réduction de l’empreinte carbone du numérique.

Ce choix garantit non seulement des performances stables et une empreinte limitée, mais aussi une cohérence parfaite avec la mission d’all4trees.

Une architecture SEO-friendly

Bien que le SEO n’ait pas été le cœur du projet, nous avons intégré toutes les bonnes pratiques techniques :

• Hiérarchisation sémantique du contenu (titres, balises structurées).
• URLs claires et cohérentes.
• Plan de redirections complet pour éviter la perte de référencement.
• Maillage interne renforcé pour guider les visiteurs et les moteurs de recherche.

Une interface plus claire et homogène

Le design précédent présentait des incohérences entre les pages et les sous-domaines, avec des menus différents et des visuels disparates.

Studio Undefined a repensé la charte graphique en conservant l’ADN visuel d’all4trees (couleurs naturelles, typographie douce, iconographie organique) tout en lui apportant une modernité et une cohérence d’ensemble.

Chaque élément de l’interface a été conçu avec un double objectif :

• améliorer la lisibilité et la hiérarchie de l’information,
• réduire l’impact environnemental du design (moins d’effets lourds, images optimisées, animations sobres).

Un parcours utilisateur simplifié

Nous avons repensé l’expérience autour des trois profils principaux identifiés par l’association :

• Citoyens : comprendre les enjeux et rejoindre la communauté.
• Entreprises partenaires : soutenir concrètement les projets.
• Acteurs de terrain : présenter leurs initiatives et obtenir de la visibilité.

L’ancien menu, différent d’une page à l’autre, a été remplacé par une navigation unifiée et hiérarchisée, avec des entrées claires et stables.

Des liens internes pertinents facilitent la découverte de contenus complémentaires sans multiplier les requêtes.

Au-delà de la mission technique, cette refonte a représenté pour Studio Undefined un engagement concret.

Convaincus que la préservation des forêts est une priorité planétaire, nous avons souhaité aller plus loin en apportant une partie de notre savoir-faire à titre de mécénat de compétences.

Cette collaboration a été un véritable partenariat : L’équipe d’all4trees a partagé ses besoins et ses convictions, et nous avons apporté notre expertise technique, stratégique et design pour leur offrir un outil à la hauteur de leurs ambitions.

En choisissant de participer activement à ce projet, nous avons voulu incarner la transition numérique responsable : Créer des outils digitaux utiles, sobres, et en accord avec les valeurs humaines et environnementales.