refonte terre anima

Un projet web au service du vivant : ma collaboration avec Terre Anima

Cette migration Wix vers WordPress reste parmi les projets les plus ambitieux que j’ai réalisés. Non pas en raison de la taille de la société pour laquelle je réalise ce projet (pas de multinationale…C’est une association humanitaire), mais parce qu’il s’agissait d’un vrai défi technique et esthétique pour un groupe de personne important à mes yeux et qui m’honorent de leur confiance.

L’Association Terre Anima se consacre à la préservation des sagesses ancestrales des peuples premiers et à la protection du vivant. Elle soutient des initiatives concrètes auprès de communautés autochtones, comme des projets de reforestation et d’autonomisation sur leurs territoires au Maroc, en Mongolie, en Inde, en Nouvelle-Zélande et en Jordanie.

Terre Anima est portée principalement par Arnaud Riou, pour qui j’ai déjà eu le plaisir de créer ou refondre trois sites :

  • l’Académie de l’Acte, Qui est en train d’être refondue dans le site d’Arnaud Riou ;
  • Etugen, dédié au film sur le chamanisme dans diverses régions du monde ;
  • ArnaudRiou Le site personnel le plus visité, et maintenant le site principal

Il s’agissait donc de ne pas me tromper

Terre Anima
Association à but non lucratif

terreanima.com

Le défi technique

Transformer un site de dons animés par Wix en plateforme WordPress

Le constat

La plateforme Wix peut être un outil amusant pour débuter un site, à condition de ne pas lui donner trop d’ampleur (Au-delà, elle est un peu moins légitime). Elle offre une simplicité de prise en main et une possibilité d’action immédiate…je ne le nierai pas. L’hébergement et la maintenance automatisés en font un univers sans trop de soucis, par rapport à un environnement WordPress.org qui a la nécessité d’être régulièrement mis à jour (comme votre téléphone d’ailleurs).

Mais dès qu’on cherche des fonctionnalités plus sur-mesure ou un référencement de qualité, on tombe dans le piège : un environnement fermé et non exportable et pas très doué pour le référencement

Defi difficile

La migration de Wix vers WordPress

La recréation de chaque page s’est faite par copier-coller, pratique tout à fait habituelle lorsqu’on migre un CMS non compatible vers WordPress – dont acte. Il a fallu trouver une solution pour intégrer les 2200 lignes de dons et Quasiment autant de parrainage présent dans un tableau de 22 colonnes (la seule données techniques qui était finalement exportable de Wix) vers un outil qui puisse permettre à l’ensemble des donateurs de retrouver leurs billes sur le nouveau système.

Durant le trimestre de réflexion qui m’a fallu pour trouver la meilleure des solutions, j’ai eu un peu le sentiment de jouer avec ce genre de jouets, mais en ayant pour consigne de rentrer finalement le carré dans le triangle, sans marteau, mais que cela rentre quand même.

Le défi graphique

Faire vivre et renouveller la charte graphique de l’association

Ancien Site Terre Anima

La revalorisation de la charte graphique

Le site de Terre Anima mettait en avant la charte graphique de l’association, mais avec une approche peut-être un peu trop sobre (Je tâche de voir le positif).

L’objectif était de conserver les fondements visuels et identitaires de cette communication tout en leur insufflant une touche de modernité et de dynamisme. Il s’agissait de renforcer l’impact visuel, de rendre l’ensemble plus attractif et plus cohérent avec la mission de l’association, afin d’offrir une présence en ligne plus engageante, professionnelle et convaincante.

J’ai donc déployé de nouvelles couleurs, de nouvelles typographies en relation avec la typo principale, des aplats et des habillages qui ont su se combiner avec l’ensemble de la charte graphique Terre Anima.

L’action menée

Plusieurs actions ont été menées :

  • Ajout de nouvelles photos en bannières pour communiquer dans l’entête de toutes les pages
  • Ajout de nouvelles couleurs pour donner de la variété aux call to action
  • Ajout de lettrine pour donner du relief
  • Nouveaux masque pour mettre mieux en scène les photos
  • Nouveaux codes typographiques : habillage – sur-titre en script – titre en Santana
  • Nouveaux arrières-plans végetaux
  • Mise en place d’une boutique professionelle et bien designée

En quelques extraits

Refonte de la charte graphique

Terre Anima Presence du texte
Terre Anima Nouvelles couleurs
Terre Anima Lettrine
boutique
memnre equipe
Couleurs sur le site terre anima
Terre Anima Typo
Terre Anima Fond de couleur

Après bien des mois d’utilisation

Au-delà de la refonte, mon rôle a peu à peu glissé vers celui d’accompagnateur. Entre autres chantiers post-livraison

  • J’ai organisé la messagerie de l’association par pôles (contact, événements, finances, boutique),
  • Attribué à chaque membre du conseil d’administration les accès correspondant à sa mission et sécurisé l’administration générale de l’hébergement.
  • J’ai aussi conseillé l’équipe sur des choix structurants : écarter une passerelle de paiement trop fragile pour WooCommerce, envoyer les courriels depuis Infomaniak plutôt que Gmail pour préserver leur délivrabilité, et amorcer une sortie de Google Drive vers kSuite, plus cohérente avec les valeurs de l’association.

Mais la vraie réussite de ce projet….c’est Christine. Un site ne vit pas le jour de sa mise en ligne : il s’épanouit ou se dégrade dans les mois qui suivent. Parfois, lorsque je reviens sur un site livré, je constate que la charte s’est diluée au fil des ajouts.

En l’occurrence, Christine a su vraiment valoriser le site : elle publie événements et actualités avec régularité, respecte consciemment une charte graphique exigeante et a su, un soir d’urgence, finaliser seule une page pour tenir le délai de son infolettre.

Cette pérennisation repose sur deux piliers

  • Une maintenance technique suivie : mises à jour régulières et sauvegardes méticuleuses, qui ont permis au site de rester à l’abri des attaques.
  • Une formation après la livraison, comme je la propose à chacun de mes clients : chacun y apprend, à son rythme et selon ses besoins, à gérer son site en autonomie et à le faire évoluer dans la bonne direction.
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *