Aller au contenu principal

Nos réalisations

Écoconception et refonte de site web
Surfrider

Nous avons eu le privilège de refondre le site de l’association de protection de l’océan Surfrider car leur site précédent ne répondait pas aux critères d’écoconception web. Un projet qui s’est étendu sur 6 mois, alliant SEO, illustration, technique et écoconception.

Un site engagé pour la planète, conçu pour réduire son impact environnemental grâce à une démarche d’éco-conception complète.

Les résultats présentés sont basés sur l’évaluation du site à sa sortie et se concentrent uniquement sur son développement initial. Ces évaluations ne prennent pas en compte l’impact des scripts additionnels et des outils tiers utilisés sur notre site, tels que :

Cookies : les scripts de gestion des cookies et de suivi des utilisateurs.
Sécurité : les mesures et extensions de sécurité pour protéger les données de nos utilisateurs.
Chatbot : l’outil que Surfrider a choisi en amont du projet pour aiguiller les utilisateurs du site.

A

Notre note
Website Carbon

A

Notre note
Ecograder

A

Notre note
GTmetrix

Contexte & objectifs

Surfrider Foundation Europe : l’océan en première ligne

Depuis plus de 30 ans, Surfrider Foundation Europe agit concrètement pour préserver l’océan, le littoral, et sensibiliser la société aux problématiques environnementales liées à l’eau.

Association emblématique en Europe, elle mène des actions variées, allant de campagnes de sensibilisation à des initiatives citoyennes concrètes, en passant par un important travail de plaidoyer auprès des décideurs européens.

L’association mobilise des milliers de bénévoles chaque année et constitue une voix forte et respectée dans la protection des écosystèmes marins, avec une vision claire : préserver la santé de l’océan pour les générations futures.

Un site web durable au service de l’engagement environnemental

Le projet avait pour ambition centrale de repenser entièrement la présence digitale de Surfrider France à travers une refonte responsable de son site web.

Il s’agissait en priorité d’intégrer pleinement les principes d’éco-conception afin de réduire l’empreinte écologique du site tout en préservant et en améliorant son référencement naturel (SEO).

Parallèlement, l’objectif était de créer une nouvelle identité numérique forte, cohérente avec la charte graphique existante, et de proposer une expérience utilisateur (UX/UI) optimisée, fluide et accessible, capable de mieux engager les visiteurs tout en valorisant davantage les actions concrètes menées par Surfrider sur le terrain.

Une identité visuelle engagée et allégée

Découvrez les illustrations originales qui combinent esthétique et légèreté, spécialement conçues pour réduire l’empreinte écologique du site.

 

Hero Surfrider

Enjeux & Défis

Réduire l’impact environnemental

Nous avons opté pour :

  • Des illustrations minimalistes, plus légères que les photos traditionnelles, afin de diminuer significativement le poids des pages et leur empreinte carbone.
  • Le développement du site sur un thème vierge type Blank Caneva pour n’utiliser que des fonctionnalités utiles au site
  • L’utilisation du pagebuilder Elementor pour ne pas à avoir à ajouter d’extensions supplémentaires au site.
Surfrider illustration 1
Surfrider Illustration 2

Conserver le référencement naturel

Nous avons mis en place un grand nombre d’actions en amont de la sortie du site. Une stratégie courte et long terme a été établie.

  • Tous les Titles, méta-descritpions, balises Hn ont été retravaillés
  • Un mapping des contenus actuels à été créé.
  • Des clusters de contenus ont été mis en place pour travailler les cocons sémantiques.
  • Un important plan de redirection a été mis en place, couplé à un nettoyage des contenus obsolètes, pour préserver et renforcer le trafic organique existant.

Fluidifier l’expérience utilisateur

Des ateliers UX/UI avec les équipes de Surfrider ont permis d’affiner l’arborescence et les interfaces pour proposer une navigation intuitive et efficace.

Surfrider illustration 3

Test

Action v1 - Titre répéteur

Action v1 – Texte répéteur

Action v2 - Titre répéteur

Action v2 – Texte 1 répéteur

Action v2 – Texte 2 répéteur

Action v2 – Texte 3 répéteur

la win

On fait l’bilan !

Un résultat concret qui allie écologie, efficacité et autonomie pour l’association.

Un site web éco-conçu

Grâce à des illustrations optimisées et un développement propre, le site limite désormais son impact environnemental.

SEO préservé et amélioré

Le plan SEO rigoureux a permis de maintenir et renforcer le trafic organique dès la mise en ligne.

Expérience utilisateur optimisée

L’UX/UI repensée assure une expérience fluide et agréable, adaptée aux attentes des visiteurs.

Déploiement efficace

Un développement rapide et une migration efficace, réalisés en un mois, suivis d’un recettage approfondi de deux semaines.

Notre bulletin de notes *

Ce projet a été particulièrement exigeant en termes d’organisation et de rigueur technique. Avec un planning de 6 mois, chaque étape a nécessité un suivi précis pour respecter les engagements pris avec Surfrider. L’objectif central, l’éco-conception, a orienté toutes nos décisions, de la création graphique jusqu’au choix technologique.

La méthodologie adoptée, basée sur plusieurs ateliers de co-construction avec les équipes de Surfrider, a permis d’aboutir à une arborescence claire, validée par tous les pôles métiers concernés. Le travail de wireframing puis de maquettes graphiques a assuré une expérience utilisateur optimale tout en respectant les impératifs d’éco-conception, notamment grâce aux illustrations originales conçues par notre Directrice Artistique Manon Riquart.

Côté SEO, le chantier fut ambitieux : gestion d’un grand volume d’articles (plus de 900) et de médias, optimisation technique approfondie, élaboration d’un plan de redirection exhaustif et suppression des contenus obsolètes à faible valeur ajoutée.

Le développement sur WordPress avec Elementor et les développements spécifiques liés au CRM de Surfrider ont requis expertise technique et réactivité. Enfin, la collaboration avec l’ancienne agence de Surfrider pour la mise en ligne a été fluide et efficace, preuve d’une bonne préparation en amont.

Le résultat ? Un site performant, durable, aligné sur les objectifs stratégiques de Surfrider, et une équipe interne parfaitement formée, désormais autonome sur la gestion quotidienne du site. Un bel exemple de collaboration réussie et d’approche responsable du digital !

Quand on aime
on ne compte pas

Quelques chiffres clés qui illustrent l’impact positif de ce projet de refonte.

+900
articles migrés avec succès
+60
pages éco-conçues et optimisées
+20
illustrations uniques créées pour réduire l’impact écologique

Une satisfaction dont nous sommes fiers !

Régis LETORT

Directeur Général
Une équipe super réactive et à l’écoute de nos attentes. Un travail collaboratif avec le résultat attendu ! TOP

Découvrez nos autres projets

Acteur national d’équipements agricole
Association Nationale des Plaisanciers en Eaux Intérieures
Cabinet de conseil RH, conseil SIRH et transformation

Un projet ? Parlons-en !