Juin 2025 | UPCYCLE TON SITE | Amélioration continue
Margoo
Claire Tranier (Faire-part green), Léa Le Hegarat (Green my day) et Matthieu Germain (Studio Matthieu), sont les co-dirigeant·e·s de Margoo, le réseau n.1 du mariage éco-responsable en France.
Lorsque l’équipe Margoo m’a contacté pour améliorer leur site web, c’était pour 1 raison évidentes :
- Rendre leur site plus éthique et éco-responsable pour qu’il consomme moins d’énergie, que son empreinte carbone soit limité et qu’il reflète pleinement les valeurs et engagements que Margoo défend.
Leur demande : #éthique #éco-responsabilité #accessibilité
Mon analyse et approche
J’ai basé mon accompagnement sur 3 axes clés pour résoudre leur enjeu.
Audit complet
Réaliser une analyse poussée de l’intégralité de leur site existant (+200 critères analysés) pour leur fournir les meilleurs axes d’améliorations à réaliser pour rendre leur site plus performant, éthique et éco-responsable.
Tri et priorisation des améliorations à réaliser
Une fois l’audit complet réalisé, nous avons construit ensemble une feuille de route sur-mesure de 3 mois d’améliorations à réaliser sur leur site de manière progressive et continue.
Aide au passage à l’action
Nous nous sommes répartie le travail d’optimisations. J’en ai pris en charge une partie (la plus technique) et je les ai guidé dans la réalisation des tâches les plus faciles à prendre en charge de leur côté.
Guide de style web
Éthique, éco-responsable et accessible.
Actions réalisées
Pour rendre le site plus éthique, éco-responsable et accessible.
Design éthique
Structuration stratégique des pages, respect des principes d’éco-conception et mise en page accessible.
Optimisations
Suppression des éléments inutilisés, nettoyage des scripts, limitation des requêtes, compression du code et des images.
Revamp de la charte
Bonification et adaptation de la charte graphique existante aux bonnes pratiques du web, à l’accessibilité et à l’éco-conception.
“C’est encore mieux que ce que l’on attendait”
Claire Tranier, Margoo
Résultat ? Un site qui a été upcyclé bien plus qu’au niveau visuel
Voici l’évolution des scores du site de Margoo avant et après la refonte totale de son site.
Performance
Sur desktop le site est passé de 81,5 à 90/100 en seulement 1 semaine après les premiers changements, soit 3 optimisations réalisées sur 12 (au total).
SEO
Le site obtient un score de 100/100, soit un « perfect » au niveau du SEO « technique ».
Accessibilité
(Encore en cours d’analyse et d’optimisations).
Écologie
Le site est encore en cours d’éco-conception, mais il est déjà passé d’une note de D à B, émettant 0,15gCO2 en moyenne par page vue, soit 79% d’émissions carbones de moins qu’avant (0,71gCO2). Leur site est donc désormais plus propre que 86% des pages testés.
Alors certes, c’est dû à des optimisations techniques, mais pas que ! Puisque l’esthétisme du site y est également pour beaucoup !
En effet, le site de Margoo a véritablement était métamorphoser sans changer grand chose à première vue : grâce au revamp de leur charte graphique. Autrement dit, j’ai conservé la base de leur charte graphique existante (à laquelle leur audience était bien habitué et qu’iels appréciaient) et j’ai ajusté les nuances des couleurs, trier les typographies pour les rendre web, plus accessible et éco-responsable.
Les scores présentés ci-dessus représentent une moyenne globale pour l’ensemble des pages du site. Ils ont été calculé avant l’amélioration puis une fois toutes les améliorations réalisées (décembre 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 pour calculer toi-même les scores de ton propre site tu peux faire ce petit bilan express gratuit et utiliser mon guide.
Toi aussi, comme Margoo, tu aimerais upcycler ton site prochainement ou qu’on revamp de ta charte graphique ?
Aperçu du projet
CMSWordpress - Elementor
Hébergement du siteO2Switch : un hébergeur local et français, qui utilise des énergies décarbonnés.
Quand j’ai rencontré Margoo, iels ne voulaient surtout pas effectuer une refonte de leur site web et mais cherchaient vraiment à améliorer leur site existant : sans stress, sans urgence, doucement mais sûrement. Petit pas par Petit pas…
Iels étaient donc très intéressé·e·s par mon offre d’upcycling de site web qui leur permettrait de faire exactement ça : l’améliorer, sans pression, de manière stratégique, progressive et continue. En effet, si leur demande avait été de tout refaire, de changer de thème WordPress, de revoir tous le contenus de chaque page, etc, je les aurais davantage orienté vers un upgrade de leur site web. Je te laisse donc découvrir les axes clés sur lesquels nous avons agis pour qu’iels puissent obtenir un site plus performant, éthique et éco-responsable.
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 300 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.
Ah oui ! J’oublié… Voici ce qu’iels en ont pensé
Pour vous donner une petite idée.
“ 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 ”
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.
Je recommande vivement ses services.
