Aller au contenu principal

Nos rรฉalisations

ร‰coconception et refonte de site web
Surfrider

ร‰co-conception Refonte site web

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 !

Lucie Leteurtre

Chargรฉe de projet digital
Nous avons eu le plaisir de collaborer avec l’รฉquipe de l’agence Galopins dans le cadre de la refonte du site internet de Surfrider Foundation. Dรจs le dรฉbut du projet, Nicolas, Maxime et le reste de l’รฉquipe ont su รชtre ร  notre รฉcoute, comprendre nos besoins et nous guider vers les solutions les plus adaptรฉes. Leur expertise en รฉco-conception a รฉtรฉ un vรฉritable atout : grรขce ร  leur accompagnement et ร  leurs recommandations, la performance environnementale de notre site a รฉtรฉ considรฉrablement amรฉliorรฉe. Les points de suivi hebdomadaires nous ont permis de suivre lโ€™รฉvolution du projet avec une grande clartรฉ, garantissant un rรฉsultat ร  la hauteur de nos attentes. La communication avec lโ€™รฉquipe a toujours รฉtรฉ fluide, efficace et agrรฉable, et nous sommes ravis de cette collaboration rรฉussie. Merci encore ร  toutes et ร  tous pour votre professionnalisme et votre engagement !

Dรฉcouvrez nos autres projets

Acteur national d’รฉquipements agricole
Crรฉation site web Refonte site web SEO
Association Nationale des Plaisanciers en Eaux Intรฉrieures
Refonte site web
Cabinet de conseil RH, conseil SIRH et transformation
Identitรฉ graphique Refonte site web

Un projet ? Parlons-en !

Agence de communication Galopins