Surfrider, association de défense de l’Océan, a fait appel aux services de Galopins pour la refonte de leur site web et de leur identité de marque.
Lucie nous a fait le plaisir de répondre à quelques questions, spécifiquement sur l’impact du CMS de leur site WordPress avec le builder Elementor, sur l’autonomie des équipes.
Avant la refonte: Gutenberg limitait la visibilité de l’association
Lucie Leteurtre est arrivée à Surfrider il y a 3 ans, après avoir travaillé en agence. À ce moment-là, le site tournait avec Gutenberg et ACF sur un CMS maison qui avait été développé par une agence qui est partie entre-temps.
Tout était géré par des champs ACF, et ils ne pouvaient pas recréer des champs, seulement remplir ce qui existait déjà.
Pour les pages, il y avait différents types de blocs prédéfinis mais ils ne pouvaient pas construire et créer les pages comme ils le souhaitaient et mettaient à jour difficilement celles qu’ils avaient.
Ils ont dû mettre en place plein de sites annexes qui auraient pu être intégrés au site principal. C’est pour cela que tout était devenu bien trop complexe.
Le site était aussi très difficile à mettre à jour. Les MAJ de sécurité n’étaient quasiment jamais faites.
Ils n’avaient pas la capacité de créer de landing page, et devaient passer par un autre outil.
Au final, beaucoup de gymnastique entre le site, les landing page et la multitude des autres sites annexes.
C’était très frustrant avec une vraie perte de temps et en termes de flexibilité et de souplesse, ça n’était pas à la hauteur de nos attentes.
« À l’époque de l’ancien site, on a eu un moment où il y a eu la thématique des granulés plastiques industriels qui montaient en puissance, et on ne pouvait même pas mettre à jour nos pages avec cette information.
Quand tu te positionnes sur un sujet et que tu ne peux même pas en parler sur ton site, c’est quand même dommage”.
Un site polluant en désaccord avec le positionnement de Surfrider
Le site lui-même n’était pas du tout éco-conçu, il pesait très lourd, et les images n’étaient pas du tout optimisées.
Le design était fonctionnel, simple mais très impersonnel et froid. Ça faisait longtemps qu’il était en ligne et les gens en interne commençaient vraiment en être lassés.
Un site dysfonctionnel comme celui-ci a aussi potentiellement pu avoir un impact sur des éléments extérieurs, comme les campagnes de don.
L’ancien site était un vrai sujet de tension entre équipes.
Lucie explique: “Le fait de ne pas pouvoir faire de mise à jour, qu’à chaque fois qu’on nous demande “Ah, mais est-ce qu’on peut créer une page sur ça ?”, on leur disait “Ben non, on ne peut pas, c’est pas possible, on n’a pas la capacité de le faire”. Ce sont des réponses que les gens avaient du mal à comprendre. Parce que c’est vrai que c’est hyper frustrant. Ils n’avaient pas forcément conscience de ce qu’il y avait derrière.
On a eu un moment où il y a eu la thématique des granulés plastiques industriels qui montaient en puissance, et en fait, on pouvait même pas mettre à jour nos pages avec cette information. Quand tu te positionnes sur un sujet et que tu ne peux même pas en parler sur ton site, c’est quand même un peu dommage”.
Un nouveau site éco conçu pour plus de rapidité
L’aspect éco-conception est très important pour qu’il soit aligné avec leurs valeurs, et leur site n’était pas forcément bien noté sur les sites comme Ecograder (qui mesure l’impact écologique d’un site internet).
Surfrider avait aussi des remarques d’adhérents ou de donateurs qui disaient souvent que le site n’était pas représentatif de l’association ou qu’il consommait beaucoup, et en tant qu’entrepreneurs d’une démarche RSE, leur site internet était un peu “le boulet qu’on se traînait”, comme le dit Lucie Leteurtre.
Ce fut l’élément déclencheur pour lancer la refonte : cela allait aussi leur permettre de reprendre la main en toute autonomie sur leur site, de retravailler la stratégie digitale et mettre à jour l’aspect graphique.
Du point de vue du référencement naturel (SEO), cela permettait aussi une réaffirmation.
Les premiers contacts entre Surfrider et Galopins
Il y a deux ans et demi environ, elle a commencé une recherche d’agences qui proposaient des sites éco-conçus. Il n’y en a pas beaucoup, et surtout peu avec des propositions qui étaient réalisables et cohérentes.
Après avoir fait une shortlist, elle a appelé Maxime (Directeur commercial et marketing, co-fondateur de Galopins).
Lucie raconte: “le contact est hyper bien passé, c‘était fluide, et agréable de discuter avec lui. Je l’ai trouvé très à l’écoute et il avait un côté assez rassurant, dans son discours, on voyait qu’il savait de quoi il parlait.
Ayant travaillé presque 15 ans en agence, j’arrive à déceler quand il y a des phrases mensongères, et là il n’y avait pas du tout ça, ça avait l’air vraiment authentique, et tout était très bien expliqué. La mention du suivi hebdomadaire c’était quand même assez rassurant, donc tout ça mis bout à bout fait que le choix a été rapide”.
« Ce qui est vraiment agréable, c’est de pouvoir créer des pages de toutes pièces sans forcément faire appel à l’agence, et je sais que Galopins est là si jamais il y a besoin«
Le projet de refonte de site aux côtés de Galopins
Lucie estime que tout s’est très bien passé dès le début, que ce soit les premières réunions ou les premiers ateliers.
“On a été hyper bien accompagnés, le fait d’avoir des suivis hebdomadaires ça peut paraître tout bête, mais c’est un gros point positif parce qu’au moins on voit comment ça avance, et même parfois quand ça n’avance pas forcément beaucoup. Mais on a toujours ce petit rappel qui nous dit ok notre projet n’est pas oublié”.
Elle a aussi aimé l’approche graphique et trouvé rafraîchissant le fait de lui demander ce qu’elle préférait entre les différentes propositions (d’un benchmark proposé pour leur futur site) au lieu de juste dire “nous on a pensé à ça et puis voilà, ça sera comme ça”.
Malgré la longueur du projet, elle estime que l’ensemble était fluide. Elle précise: “Il y a peut-être eu juste le moment des wireframes au tout début du projet où je pense qu’il y avait eu une petite incompréhension entre nous, et ça venait aussi du fait que moi j’étais un peu moins réactive, il y avait plein de paramètres, mais pour le coup ça s’est réglé hyper vite et ça n’a pas eu d’impact très important sur le site ni sur le projet, et franchement je trouve que dans l’ensemble, vu la durée du projet, ça s’est hyper bien passé et il n’y a pas eu de gros couac”.
L’autonomie gagnée avec Elementor
Passer à Elementor a considérablement changé les choses.
C’est un outil qu’elle connaissait déjà, sur lequel elle avait déjà travaillé en agence, donc elle n’a pas eu de doutes quant à son utilisation.
Transmettre cet outil à son équipe s’est avéré un peu moins simple, car l’avantage qu’on peut trouver avec un outil plus limité qu’Elementor, c’est que pour les gens qui ne s’y connaissent pas trop, c’est un peu rassurant car ça paraît très simple, avec moins de risques d’erreur.
Les gens n’étaient pas non plus récalcitrants à l’idée d’utiliser Elementor, mais c’est vrai qu’avoir plus de marge de manœuvre, ça peut faire un peu peur. Elle les a formés et ça a été très rapide, et elle voit même aujourd’hui que c’est très apprécié, notamment par sa collègue qui travaille les landing pages et qui aime bien pouvoir faire des choses en toute autonomie.
Ça apporte vraiment la souplesse qui leur manquait pour pouvoir proposer des pages qui sont beaucoup plus cohérentes. Chacun est très autonome dans sa création, ça se fait de manière super naturelle.
“J’aime justement bien pouvoir faire de moi-même. Ce n’est pas du code, mais je peux gérer les pages et les construire comme je l’entends. Je trouve ça hyper rafraîchissant de pouvoir travailler et de pouvoir faire les choses en parfaite autonomie. Ce qui est vraiment agréable, c’est de pouvoir aussi créer des pages de toutes pièces sans forcément faire appel à l’agence, je sais que Galopins est là si jamais il y a besoin, mais en tout cas, pour créer la page, je n’ai pas besoin de quelqu’un qui va me faire une maquette, d’une autre personne qui va faire l’intégration, etc.
D’un point de vue graphisme, on reste sur des templates de pages qui sont déjà intégrées.
Par exemple, il y a tout le lexique. Alors, graphiquement, ce n’est pas une page incroyable, c’est juste une page avec des liens, mais n’empêche que je l’ai fait en autonomie assez facilement.
Et puis des petites choses comme : rajouter des éléments sur la page d’accueil au moment de la campagne de fin d’année pour l’appel à dons. Ça a été hyper simple. Et il y a toujours l’équipe de Galopins en backup quand il y a des soucis. Ils sont hyper réactifs.
Avec cet outil, pour l’instant, je n’ai pas l’impression d’avoir vraiment de limite. Ma limite c’est plus de me dire comment je vais faire pour que ce ne soit pas trop moche. Et même ma collègue qui travaille sur les landing page, qui est un peu plus au taquet sur tout ce qui est graphisme, je crois que jusqu’à présent, elle n’a pas eu vraiment eu de problèmes pour pouvoir réussir à faire ce qu’elle avait en tête.”
Jouer avec les blocs d’Elementor
Elle se dit être habituée, mais peu importe la connaissance, c’est beaucoup plus simple à prendre en main. C’est fluide de pouvoir juste ajouter les blocs et ensuite les remplir, ça permet un vrai gain de temps.
Aujourd’hui quand ils veulent mettre un bloc en avant ou quand ils souhaitent pousser un document sur une page ils ont beaucoup plus de possibilités graphiques, au niveau de la superposition des fonds, des couleurs, des typos.
Ils ont aussi une bibliothèque de blocs qu’ils utilisent beaucoup.
Quand ils trouvent qu’un design fonctionne bien, ils enregistrent les modèles, ils les mettent dans leur bibliothèque et ils les retrouvent hyper facilement. C’est très pratique.
Aujourd’hui, elle doit gérer deux sites, surfrider.fr et surfrider.eu. Vu qu’il y a des contenus similaires entre les deux sites, juste pouvoir faire un copier depuis un site et un coller sur l’autre site, c’est très intuitif.
Elle recommande Elementor pour quelqu’un qui a envie (d’un peu) mettre les mains dedans et de pouvoir se débrouiller tout seul. C’est parfaitement adapté.
Mais il y a des personnes qui vont avoir moins envie de créer des pages entières et pour ces personnes, ce n’est pas forcément l’outil le plus adapté.
Les retombées de la refonte du site de Surfrider
Il y a eu de très bons retours en interne, l’équipe était très contente, et ils ont eu aussi des très bons retours des adhérents ou même du conseil d’administration.
C’est dans le pôle mobilisation qu’ils ont eu plus de demandes. Le site d’aujourd’hui aide beaucoup mieux au niveau de la communication et des campagnes.
Avant, même les gens en interne avaient tendance à ne pas forcément renvoyer les gens vers le site parce qu’ils le trouvaient trop compliqué, c’était mal rangé, ou alors il n’y avait pas l’information qu’ils recherchaient. Donc maintenant, ils le partagent beaucoup plus facilement.
Lucie explique que “L’objectif du site, c’est d’informer pour ensuite mobiliser et aussi d’inciter au don.
Le fait d’avoir pu réintégrer toute la partie bénévolat dans le site, ça nous a permis de rendre cette partie beaucoup plus visible et de rendre le parcours utilisateur beaucoup plus fluide”
Le fait d’avoir la main sur le site a été très bénéfique. Quand ils ont besoin de créer quelque chose c’est plus simple, vu qu’ils fonctionnent beaucoup par rapport à l’actualité, et pour les mises à jour au quotidien.
Le gros point, c’est aussi sur l’aspect éco-conception, où maintenant Lucie note qu’ “ils ont une super note et un site qui tourne hyper bien”.
Au niveau de l’éco-gestion, dans la mesure du possible, elle essaie de faire toujours attention, de réduire la taille des fichiers, de ne pas utiliser des images trop grandes, etc…
Les projets web de Surfrider se poursuivent avec Elementor
Dans les prochains projet à venir chez Surfrider, il y a le Surfrider Europe et aussi les entités nationales : l’Espagne, le Portugal, les Pays-Bas, et l’Allemagne, et ces entités commencent à contacter Lucie et son équipe pour savoir s’il est possible de dupliquer le site surfrider.eu pour qu’ils puissent ensuite reprendre la main.
C’est le prochain challenge côté Lucie : voir comment ils peuvent dupliquer le site et comment ils vont les former pour qu’ils soient autonomes sur la création de contenu. Lucie va elle-même former des gens sur Elementor en anglais.
Elle conclut: “Au final, je ne vais pas dire que c’est une grosse fierté parce que c’est un peu prétentieux, mais pour moi, ce projet en lui-même et le site final, j’en suis hyper fière parce que je trouve qu’on a réussi à aller là où on avait envie d’aller et on a réussi à faire un projet qui plaît à tout le monde. Je garde un très bon souvenir du déroulé du projet. Je vous ai donc déjà recommandé, quand la cheffe de projet de la Fondation des Femmes m’a appelé, je ne pouvais pas être plus élogieuse”.
