SOS-Kinderdorf e.V. fait partie de l'organisation d'aide internationale SOS Children's villages, et s'est engagé sans relâche, depuis sa fondation en 1955, en faveur du bien-être des enfants et des jeunes dans le besoin. En Allemagne, SOS Villages d'Enfants gère de nombreuses installations et programmes qui offrent aux enfants défavorisés enfants et leurs familles un soutien et un foyer sûr.

Le site web www.sos-kinderdorf.de sert de plateforme centrale pour informer le public, attirer les donateurs et les candidats, et communiquer avec les spécialistes du domaine. Cependant, la technologie vieillissante du site a eu du mal à répondre à ces demandes - un défi que SOS Villages d'Enfants e.V. équipe adressée.

Le site web devait être mis à jour en fonction des normes techniques les plus récentes afin de répondre aux exigences et aux attentes actuelles des utilisateurs. En outre, il devait non seulement offrir une expérience en ligne optimisée, mais aussi réduire les coûts de développement et de maintenance.

Avec cet objectif clair en tête, la refonte de la présence en ligne a commencé, soutenue par création en tant que partenaire expérimenté et CoreMedia en tant que fournisseur DXP..

Pour SOS Villages d'Enfants e.V. , la décision d'opter pour une configuration headless était un choix stratégique pour assurer l'avenir de leur présence numérique. En séparant le backend et le frontend, l'organisation gagne en flexibilité et en évolutivité, ce qui lui permet d'utiliser indépendamment des technologies frontales avancées. Un CMS headless facilite la diffusion d'un contenu cohérent et inspirant sur différents canaux et appareils, ce qui améliore considérablement l'expérience de l'utilisateur et renforce les engagements avec les philanthropes. Le travail parallèle des développeurs et des créateurs de contenu accélère le lancement de nouveaux contenus, permettant à SOS Villages d'Enfants e.V. de répondre rapidement aux changements du marché, de centraliser les différents processus de donation et de lancer rapidement des campagnes de collecte de fonds en cas de catastrophe.

La relance du site a été centrée sur l'optimisation de l'interface utilisateur (UI) et de l'expérience utilisateur (UX). En collaboration avec une agence spécialisée UI/UX, l'UI a été modernisée en mettant l'accent sur l'accessibilité. Cette étape était cruciale pour créer un design attrayant et convivial.

La mise en œuvre de React et de MUI (Material Design) a permis de créer une structure frontale modulaire et donc efficace. Le transfert de la logique du backend CoreMedia vers la tête React a considérablement amélioré les performances du serveur, ce qui a conduit à une utilisation plus efficace des licences CoreMedia et à une accélération des vitesses de traitement. La migration de CoreMedia 10 à 11 avec CAE a été rationalisée grâce à l'approche sans tête, ne nécessitant que des ajustements minimes au niveau du studio et des serveurs de contenu.

La mise en œuvre de serverside rendu avec Next.js a non seulement optimisé les performances du site web, mais a également préservé le classement existant dans les moteurs de recherche. Cette approche a permis un chargement rapide du contenu, améliorant ainsi l'expérience globale de l'utilisateur.

La relance constitue une base solide pour l'avenir. En mettant en œuvre des technologies durables telles que Headless CMS de CoreMedia, React et next.js, SOS-Kinderdorf e.V. peuvent réagir rapidement aux changements du marché ou aux besoins urgents de dons en cas de catastrophe. En outre, les gains d'efficacité et l'amélioration de l'expérience utilisateur permettent au site SOS-Kinderdorf.de de contribuer au mieux à l'utilisation efficace des dons pour améliorer les conditions de vie des enfants et des jeunes socialement défavorisés, ainsi que de leurs familles.