Juin 2025 | UPGRADE DE SITE | Amélioration progressive, sans tout refaire

Margoo : comment aligner un site avec ses engagements éco-responsables (-76% d’impact carbone) sans sacrifier la performance (+11,5 pts) et sans refonte totale ?

Margoo — réseau de prestataires de mariage éco-responsable

Upgrader un site existant pour en faire un vrai levier stratégique (sans tout refaire)

01

Prise de contact

Quand Margoo m’a contactée, l’objectif n’était pas de repartir de zéro.

Leur site existait déjà, leur communauté aussi. Mais il y avait un certain décalage : entre leurs engagements éco-responsables…et ce que leur site racontait vraiment, entre le trafic…et les résultats concrets.

02

Constat

On a donc fait un choix :

  • ne pas tout casser
  • ne pas faire une “énième refonte”

03

Proposition

Transformer l’existant, intelligemment. Avec une double approche :

  • comprendre en profondeur ce qui bloque les visiteurs et freine leur développement (FOCUS)
  • puis améliorer le site progressivement sur 3 mois (UPGRADE)

04

Résultat

Un site plus sobre, plus accessible, plus éco-responsable, plus cohérent…et surtout, un site qui travaille vraiment pour eux.

En bref

Client : Margoo (réseau de prestataires du mariage éco-responsable)

Secteur : Mariage / Événementiel engagé

Ce qui a été fait :

  • FOCUS stratégique : audit complet suivi du plan d’action adéquate,
  • UPGRADE de site : optimisation progressive,
  • option guide de style web éco-responsable et accessible

Contexte et besoin

L’équipe de Margoo, réseau engagé du mariage éco-responsable, avait déjà un site bien en place… mais qui ne reflétait pas pleinement ses valeurs ni son potentiel stratégique.

Elle ressentait :

  • un décalage entre ses engagements écologiques forts et l’impact réel de son site (performance, empreinte carbone, accessibilité)
  • une sensation de “bricolage” avec un site qui avait évolué sans réelle vision globale
  • des difficultés à faire du site un vrai levier (et pas juste une vitrine) malgré une belle visibilité

Objectifs du projet

L’objectif principal était de :

pictogrammes de Petits Pas Design représentant un badge avec un check à l'intérieur

Aligner le site avec les engagements éthiques et éco-responsables de Margoo (sans greenwashing ni compromis)

pictogrammes de Petits Pas Design représentant une planète au creux d'une main

Réduire l’empreinte carbone du site tout en améliorant ses performances globales

“Nous avons fait appel à Coralie pour optimiser et remanier notre site pour qu'il soit plus écoresponsable et accessible. Son accompagnement est allé au-delà de nos attentes, Coralie a été extrêmement disponible pour nous accompagner étapes par étapes et nous sommes très contents du résultat.”

Claire Tranier, Co-dirigeante de Margoo et fondatrice de Faire-part Green

pictogrammes de Petits Pas Design représentant des flèches en cercle qui indique un mouvement

Rendre le site plus accessible (lisibilité, navigation, compréhension) pour toucher un public plus large

pictogrammes de Petits Pas Design représentant un smartphone et une feuille à l'intérieur pour représenter l'éco-conception

Transformer le site en un véritable levier stratégique capable de soutenir leur crédibilité et générer des résultats concrets

Mon approche

Pour y répondre, j’ai choisi de ne pas repartir de zéro, mais d’optimiser l’existant avec méthode et intelligence :

Extraits de l'audit du site de Margoo

Audit ciblé

Analyse complète du site comme un système global (stratégie, UX, performance, accessibilité, éco-conception) pour identifier les vrais points de friction.

Extraits de l'atelier tri des fonctionnalités et contenus pour bien préparer la refonte de son site web

Cadrage et priorisation

Construction d’une feuille de route claire sur 3 mois, avec des actions classées selon leur impact réel (et non au feeling).

Image représentant le site Margoo

Amélioration progressive

Optimisation continue du site (UX, technique, contenu) sans refonte brutale, pour améliorer les résultats étape par étape.

Exemple du guide de style web de Margoo

Alignement graphique responsable

Refonte subtile de la charte existante pour la rendre plus accessible, cohérente et éco-conçue sans casser l’identité existante.

Résultats obtenus

Le projet a permis à Margoo de :

pictogrammes de Petits Pas Design représentant un aimant

Performance

Améliorer significativement ses performances : de 81,5 à 92/100 en moyenne (+11,5)

pictogrammes de Petits Pas Design représentant une loupe

SEO

Atteindre un score SEO technique parfait (100/100)

pictogrammes de Petits Pas Design représentant un smartphone et une feuille à l'intérieur pour représenter l'éco-conception

Accessibilité

Renforcer l’accessibilité du site : de 88 à 94/100 grâce à une adaptation intelligente de la charte graphique et des contenus

pictogrammes de Petits Pas Design représentant une plume

Éco-responsabilité

Réduire drastiquement son empreinte carbone : de 0,71g à 0,17g CO2 par page vue (soit -76%) et passer d’une note D à C

pictogrammes de Petits Pas Design représentant un cerveau

UX/UI

Clarifier et structurer son site pour en faire un outil plus lisible, plus crédible et plus aligné avec ses engagements

Les scores présentés ci-dessus représentent une moyenne globale pour l'ensemble des pages du site. Ils ont été calculé avant la refonte puis après la mise en ligne du site (septembre 2025). La performance, le SEO et l'accessibilité ont été calculé avec Page Speed Insights et l'aspect écologique avec Eco-Index et Website Carbon. Si tu veux connaître ma méthode de calcul tu peux lire mes articles ou demande un diagnostic gratuit en cliquant sur le bouton vert en bas à droite de l'écran.

Mais surtout un site transformé en profondeur… sans refonte brutale.

Un outil désormais piloté, optimisé et évolutif dans le temps.

Exemple des pages du guide de style web de Margoo
Exemple du revamp de la charte graphique de Margoo, avant et après

Guide de style web

Éthique, éco-responsable et accessible.

Un coup d'oeil sur la page d'accueil

Performante, éco-responsable et accessible.

01

Accessibilité

Margoo avait déjà sa propre identité de marque : logo, couleurs, typographies, mais rien n'était clairement structuré et définit (j'ai par exemple comptabilisé sur leur site +11 typographies différentes alors qu'iels ne pensaient en avoir que 2). Je suis donc parti de leur charte graphique existante pour l'améliorer, l'adapter, la moderniser, la rendre plus accessible et éco-responsable.

Pour ça, j'ai légèrement ajusté certains codes graphiques afin de les aligner non-seulement à leurs valeurs éco-responsables, mais aussi à leurs valeurs humaines en les rendant plus accessibles aux personnes en situation de handicap. L'enjeu dans ces cas-là est surtout d'avoir des typographies assez lisibles et web et de s'assurer du bon contraste de couleurs entre chaque texte et son arrière plan. Tout a donc été testé pour répondre à ces normes d'accessibilité web.

Livrable : Guide de style web et accessible (avant/après visible plus haut)

02

Mise en page

Ce n'est pas parce qu'un site est éthique et éco-responsable qu'il doit être vide et fade. Il est tout a fait possible de jouer avec la mise en page et d'y apporter de la couleur

Ici, ce fut un réel travail d'équipe. Je leur ai fait des propositions de mise en page et structuration pour améliorer certaines pages de leur site, puis iels ont ajusté ensuite certains éléments pour que ça colle parfaitement à leur ADN.

Livrable : Maquettes graphiques et intégration de nouveaux blocs

03

Traitement des images et référencement naturel (SEO)

Les images ont toutes été optimisé pour le site par l'équipe Margoo. Un des gros chantier d'améliorations que l'on avait définit ensemble était celui-là. En effet, Margoo comptait presque 1000 images dans sa médiathèque, pas toute utilisées, pas toutes utiles, pas toutes optimisées (cadrage des images dans leur taille (dimensions) réelle d'affichage sur le sit, export de chaque image au bon format, notamment en utilisant le format d'images le plus léger pour le web (WebP), compression des ces dernières). Il a donc fallut "nettoyer" leur médiathèque au complet. Ce qu'iels ont fait avec brio, puisqu'iels en sont sorti avec environ 500 images, toutes optimisées.

De plus la balise alt de chaque image a été renseigné afin de faciliter la lecture des images du site aux personnes non-voyantes, utilisant des lecteurs d'écrans ou encore en cas de mauvaises connexion internet (et oui, y en a qui habite en zone rurale). Un combo gagnant, puisque cette balise alt, une fois renseignée, favorise aussi le référencement naturel du site.

Astuce éco-responsable

La balise alt de chaque image a été renseigné afin de faciliter la lecture des images du site aux personnes non-voyantes, utilisant des lecteurs d'écrans ou encore en cas de mauvaises connexion internet (et oui, y en a qui habite en zone rurale). Un combo gagnant, puisque cette balise alt, une fois renseignée, favorise aussi le référencement naturel du site.

TÉMOIGNAGES

Iels m'ont fait confiance

EXTRAIT

“Nous avons fait appel à Coralie pour optimiser et remanier notre site pour qu'il soit plus écoresponsable et accessible. Son accompagnement est allé au-delà de nos attentes, Coralie a été extrêmement disponible pour nous accompagner étapes par étapes et nous sommes très contents du résultat.”

Claire Tranier
Co-dirigeante, Margoo

"Tes accompagnements ont une très grande valeur Coralie, avec la team Margoo on a été impressionnés par le niveau de détail des sessions de travail sur Canva, des synthèses et des conseils que tu nous as donné, c’est encore mieux que ce que l’on attendait en faisant appel à tes services ! 

Coralie est très pédagogue, experte de son domaine et c’est un vrai plaisir d’échanger d’elle."

Léa Le Hégarat, Claire Tranier, Mathieu Germain
Co-dirigeant·e·s, Margoo

Et si ton site arrêtait d’être une simple vitrine ?

Aujourd’hui, ton site peut devenir bien plus : un outil aligné avec tes valeurs, utile pour ton business… et pensé pour durer. Comme Margoo, tu peux l’améliorer sans tout refaire. De manière stratégique, progressive, et surtout efficace.

Tu veux comprendre ce qui bloque ? (FOCUS)
Ou passer à l’action et optimiser ton site en continu ? (UPGRADE)

On en discute ?

Si tu as aimé l'histoire de Margoo, tu devrais également adorer découvrir celui-ci...

Image représentant le site Rejouons Solidaire

Rejouons Solidaire

comment leur site invisible et peu crédible est devenu top 10 Google en 3 mois et génère désormais des opportunités ?

Image représentant l'analyse du site Rejouons Solidaire sur Google Search Console

DIAGNOSTIC OFFERT

Un regard d'experte sur ton site, gratuitement

Je t'offre un mini-audit express de ton site existant : empreinte carbone, accessibilité, performance. Tu repars avec des pistes concrètes, sans jugement, pour passer à l'action comme bon te semble.

DIAGNOSTIC GRATUIT

Connaissez-vous l'empreinte carbone de votre site ?

La plupart des sites web émettent beaucoup plus de CO2 qu'on ne le pense. Faites une demande de diagnostic gratuit et découvrez comment passer à l'action.

Résultats envoyés sous 48h · Sans engagement

Si tu as aimé le site de Margoo,
tu devrais également adorer découvrir celui-ci...

Image représentant le site Audensiel Canada

Comment Audensiel Canada a diminué l’empreinte carbone de son site de de -72% ?

Image représentant l'analyse du site Audensiel Canada sur Digital Beacon