Le développement TYPO3 agile donne vie à la mission du WWF Allemagne sur Internet

WWF Allemagne, l’une des organisations de protection de la nature les plus importantes et les plus expérimentées au monde, devait relever le défi de se doter d’un site web performant et facile à gérer pour soutenir sa mission. Elle avait besoin d’une plateforme de gestion de contenu permettant à de nombreux rédacteurs de créer rapidement et facilement de nouvelles pages web, tout en disposant d’un backend flexible comprenant divers modules individuels pour afficher un contenu attrayant et performant. De plus, le WWF Allemagne avait besoin d’une solution de dons flexible et conforme à la réglementation sur la protection des données pour gérer sa gamme variée de produits de dons.

BRANDUNG, une agence numérique full-service disposant d’une expertise approfondie en TYPO3, a été sélectionnée pour relever ces défis. Grâce à un processus de développement agile, BRANDUNG a mis en œuvre une solution basée sur TYPO3 qui a non seulement répondu aux besoins immédiats du WWF Allemagne, mais l’a également positionné pour un succès à long terme.

Le projet comprenait une refonte complète du site web, des extensions sur mesure et des intégrations tirant parti des fonctionnalités robustes de TYPO3 et de l’expertise technique de BRANDUNG.

BRANDUNG a mis en œuvre une méthodologie de développement agile afin de s'assurer que les besoins en constante évolution du WWF Allemagne soient pris en compte tout au long du projet.

Travaillant par sprints de deux semaines, l’équipe de BRANDUNG a collaboré étroitement avec le WWF Allemagne, qui a joué le rôle de « product owner » dans le cadre du processus agile. Des réunions hebdomadaires communes ont permis de faire le point sur l'avancement des travaux et de discuter des nouvelles exigences. Cette analyse continue de l'état d'avancement du projet et des performances du site web a permis de s'adapter rapidement à l'évolution des priorités et aux besoins émergents. L'approche agile a garanti une mise en œuvre et une itération rapides des fonctionnalités, aboutissant à un produit final en parfaite adéquation avec la mission et les exigences opérationnelles du WWF Allemagne.

L'un des piliers du projet a été le développement d'extensions TYPO3 sur mesure afin de répondre aux divers besoins du WWF Allemagne en matière de dons. Au total, BRANDUNG a développé 7 extensions TYPO3 sur mesure, chacune remplissant une fonction spécifique. BRANDUNG a créé une extension sophistiquée basée sur Extbase qui intègre de manière transparente les processus de dons basés sur RaiseNow/Tamaro dans TYPO3. Ce système puissant prend en charge environ 200 produits et formulaires de dons différents, grâce à des configurations personnalisées basées sur YAML qui permettent une configuration flexible des produits.

L’architecture MVC (Modèle-Vue-Contrôleur) améliore les performances en mettant en cache la plupart des actions, y compris les formulaires et les messages de confirmation. L’intégration avec plusieurs fournisseurs d’outils d’analyse (Google et Econda) permet un suivi complet des dons. Divers points d’entrée dans le processus de don, notamment des curseurs, des vignettes et des cartes ludiques, offrent une expérience utilisateur engageante. Ce système flexible permet au WWF Allemagne de gérer et de personnaliser ses produits de don en toute autonomie.

Pour répondre aux besoins du WWF Allemagne en matière d’affichage de contenu à la fois attrayant et performant, BRANDUNG a développé 51 éléments de contenu personnalisés différents. Parmi ceux-ci figurent trois mises en page de scène avec des boucles vidéo optionnelles basées sur Vimeo, six éléments de teaser personnalisés et sept types de galeries différents. Des éléments personnalisés de structure de formulaires ont également été mis en place, renforçant ainsi la sécurité de tous les éléments de formulaire existants. Parmi les exemples, citons les codes SEPA-BIC et IBAN, le téléchargement de fichiers avec un antivirus et un validateur de taille maximale, les numéros de rue conformes à la norme ISO, ainsi que les numéros de téléphone locaux et internationaux.

BRANDUNG a mis en place des éléments de téléchargement de PDF et des composants de formulaire personnalisés dotés d’une sécurité et d’une validation renforcées. Afin de garantir la cohérence visuelle, l’équipe a également développé un concept de palette de couleurs spécifique qui met immédiatement à la disposition des éditeurs, dans le backend TYPO3, les couleurs définies dans Sass (un préprocesseur CSS). Ces éléments sur mesure offrent aux rédacteurs du WWF des outils puissants pour créer des pages web attrayantes et visuellement percutantes qui communiquent efficacement leur message en faveur de la préservation de la nature. Les rédacteurs ont la possibilité de choisir un nouvel arrière-plan, un appel à l’action (CTA) ou une couleur de police tout en respectant la palette de couleurs définie par les experts en interface utilisateur.

Éléments de contenu personnalisés

• Curseurs de dons
• Vignettes de dons
• Boutons d’appel à l’action (CTA) pour les dons
• Sélection des certificats de don
• Créateur de cartes électroniques
• Cartes de dons ludiques basées sur React

Lors du choix d’un système de gestion de contenu pour sa transformation numérique, le WWF Allemagne a donné la priorité à la stabilité et à l’évolutivité à long terme. Les antécédents éprouvés de TYPO3 en matière de support continu et de mises à jour régulières en ont fait le choix idéal pour la présence en ligne ambitieuse du WWF. La décision d’utiliser TYPO3 s’est appuyée à la fois sur l’expérience passée et sur une vision tournée vers l’avenir.

« L’un des principaux objectifs de ce projet était d’assurer un support à long terme d’au moins 5 à 10 ans, voire davantage, sans relance majeure du site. Il n’existe pas beaucoup de systèmes de gestion de contenu sur le marché qui permettent de garantir sérieusement une disponibilité stable sur une période aussi longue tout en conservant la possibilité de mettre à jour le code source du logiciel sous-jacent. Le recours à TYPO3 n’était pas seulement un choix naturel, mais plus ou moins une décision incontournable en raison de l’absence de systèmes offrant une stabilité comparable », a déclaré Niels Struckmeyer, directeur général de BRANDUNG.

Cette décision stratégique garantit que la plateforme numérique du WWF Allemagne restera robuste, adaptable et à la pointe de la technologie pendant de nombreuses années, soutenant ainsi ses efforts essentiels en matière de conservation bien au-delà de l’horizon actuel.

La collaboration entre le WWF Allemagne et BRANDUNG a donné naissance à un site web puissant, flexible et convivial, basé sur TYPO3, qui soutient efficacement la mission de conservation du WWF. Le processus de développement agile, les extensions personnalisées et les éléments de contenu sur mesure ont permis de créer une plateforme qui non seulement répond aux besoins actuels du WWF Allemagne, mais qui est également prête pour la croissance et les adaptations futures.

Découvrez comment TYPO3 peut constituer une base solide pour le site web de votre organisation, quelles que soient sa taille ou sa complexité, et explorez toute la puissance d’un système de gestion de contenu open source destiné aux entreprises.

Lancez-vous dès aujourd’hui dans votre projet !