Septembre 2025 | UPGRADE TON SITE | Refonte totale
Rejouons Solidaire
Rejouons Solidaire est le réseau français de l’économie circulaire et solidaire des jouets pour enfants.
Demande initiale
Lorsque Marjorie Grégoire, dirigeante de Rejouons Solidaire, m’a sollicité pour la refonte totale de son site web, c’était pour 3 raisons évidentes :
- Dévoiler et déployer leur nouvelle image de marque (charte graphique) lors de leur prochaine AG
- Passer d’un site « one page » à un site multi-pages
- Être mieux référencé sur Google afin d’attirer de nouveaux membres et mécènes.
Sa demande : #SEO #Trafic #CharteGraphique #Contenus
Mon analyse et approche
J’ai basé mon accompagnement sur 3 axes clés pour résoudre leurs enjeux.
S’approprier leur nouvelle charte graphique et l’adapter au web
La charte graphique (bien que nouvelle) a entièrement était pensé pour le print mais n’était pas vraiment adapté pour le web : typographies non adaptées au web, couleurs au ton très prononcé et pas toutes accessibles entre elles. Il a donc fallut l’adapter pour un usage web efficace, performant, accessible et éco-responsable.
Aide à la rédaction de l’intégralité des nouvelles pages
Rejouons Solidaire avait pratiquement l’intégralité des pages de son site à rédiger car la refonte allait leur permettre de passer d’un site one page à multi-pages. Ils ont donc reçu un livret de travail complet à compléter accompagné d’une aide à la rédaction (guide + conseils SEO).
Optimiser chaque élément sans rien laisser au hasard
Le site de base n’était pas du tout optimisé et surtout très lourd alors qu’il ne comptait qu’une seule et unique page. Pour autant son score d’éco-conception était à F (Oui, pour une seule page). Je ne parle même même pas de son poids, de son score SEO, d’accessibilité, etc (voir le détail plus bas). J’ai donc optimiser le moindre aspect du nouveau site.
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.
Configuration WordPress
Changement de builder et de thème, pour passer son site sur Divi, simple à manier pour celles et ceux qui cherchent à utiliser WordPress rapidement et facilement.
“Véritable praticité du workbook pour la rédaction des contenus des pages ce qui rendait le travail à la fois simple, guidé et efficace.”
Carla, Chargée de communication chez Rejouons Solidaire
Un site qui a été upgradé bien plus qu’au niveau visuel
Voici l’évolution des scores du site de Rejouons Solidaire avant et après la refonte totale de son site.
Performance
Sur mobile le site est passé de 75 à 97/100, soit une augmentation de 22 points et sur desktop, de 81 à 94 (+12 pts). Un belle remontada qui lui a permis d’avoir tous les voyants au vert pour être mieux référencé.
SEO
Le site est passé d’un score de 98 en moyenne à 100/100, soit une augmentation de 2 points. On se satisfera de ces deux points en plus pour atteindre le score maximum.
Accessibilité
Le site est passé de 83 à 97 (+14 pts), lui permettant ainsi de passer d’un site moyennement accessible à excellent.
Écologie
Le site a été éco-conçu en partie, il est passé d’une note de F à B sur Website Carbon, émettant 0,11gCO2 en moyenne par page vue, soit 93% d’émissions carbones de moins qu’avant (1,64gCO2).
Pari réussi ! Puisque le site arrive désormais dans les 10 premiers résultats de Google et attire BEAUCOUP de trafic.
Le site de Rejouons Solidaire, est devenu beaucoup plus visible sur Google depuis sa refonte : il apparaît 8 fois plus souvent dans les résultats, obtient presque 3 fois plus de clics, et a grimpé de plus de 11 places en moyenne dans le classement pour se positionner désormais dans le haut de la première page. Cela montre bel et bien que la refonte a renforcé la capacité du site à attirer des visiteurs.
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 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 Rejouons Solidaire, tu aimerais upgrader ton site prochainement ?
Aperçu du projet
CMSWordpress - Divi
Quand Rejouons Solidaire m’a sollicité pour la refonte totale de son site WordPress, j’ai été vraiment ravie. Le milieu associatif a toujours fait partie de ma vie, la seconde main fait partie intégrante de mon mode de consommation et participer à l’économie circulaire et solidaire des jouets pour enfants est juste mon quotidien avec un enfant en bas âge.
Le site de Rejouons Solidaire était déjà sur WordPress, mais l’agence qui l’avait développé l’avait fait d’une façon spécifique qui ne permettait pas à ma cliente d’utiliser son site à son plein potentiel. Par exemple, elle ne pouvait qu’ajouter des articles ou des membres sur une carte, mais ne pouvait pas modifier une image ou du texte sur la page principale. Ce qui l’ennuyait beaucoup. D’autant plus que le site commençait à dater de quelques années et les informations présentées n’étaient ni à jour, ni intéressantes pour leur réseau. Alors avec cette importance capitale de lui permettre de reprendre pleinement le contrôle de son site WordPress, je ne pouvais qu’avoir hâte de démarrer le projet.
C’est d’ailleurs ce qui a nécessité d’effectuer une refonte totale de son site pour l’upgrader vers un niveau supérieur (notamment en changeant complétemment la façon dont le site avait été développé sur WordPress de base). En effet, si sa demande avait été uniquement d’attirer plus de monde sur son site et d’y appliquer la nouvelle charte graphique du réseau, je l’aurais davantage orienté vers un upcycling de son site existant, pour l’améliorer progressivement, en continue, exactement comme je l’ai fait avec Audensiel Canada. Je te laisse donc découvrir les axes clés sur lesquels nous avons agis pour qu’elle puisse obtenir un site plus performant, éthique et éco-responsable.
01
Accessibilité
Rejouons Solidaire venait de revoir son identité visuelle : nouveau logo, illustrations, couleurs, typographies. Je suis donc parti de leur nouvelle charte graphique existante pour cette refonte. Néanmoins une charte graphique print est rarement adaptée aux standards du web.
Alors, j’ai légèrement ajusté certains codes graphiques afin de les aligner non-seulement à ses valeurs éco-responsables, mais aussi à ses 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 en tout ou partie à ces normes d’accessibilité web.
Les typographies
J’ai utilisé leur police principale, Bagor, qui n’est pas vraiment accessible, avec parcimonie. Soit, uniquement sur des mots-clés séparants leurs diverses sections, comme un élément graphique, illustratif, décoratif plus que « lisibles ». Autrement dit c’est un peu comme une photo purement décorative, si on arrive pas à la voir/lire, cela ne nous empêchera pas de comprendre le site et les messages clés.
Mais, me diras-tu, en terme d’écologie numérique, la règle c’est plutôt : si c’est purement décoratif, c’est qu’on doit l’enlever, le supprimer, non ?
Oui, dans l’idéal, mais un projet et fait de compromis, de dosage et de stratégie. Ma cliente ne pouvait pas se permettre de ne pas utiliser cette typographie sur son site, alors que c’est sa typographie principale sur le print pour toute sa nouvelle campagne de communication… Dans un soucis de cohérence on a trouvé une alternative pour l’utiliser quand même, mais de façon plus accessible que de l’utiliser dans tous les titres du site.
Les couleurs
Ici aussi, l’enjeu était de taille, puisque leur toute nouvelle charte graphique, comportait énormément de couleurs, très représentatif de l’univers enfantin, mais un peu feu d’artifice une fois appliqué sur un site web.
Alors on a regardé celles qui était accessibles entre elles et nous avons segmenté les couleurs par typologies de pages. Le vert clair pour représenter les membres, le vert foncé pour les témoignages, le jaune pour leur réseau, le orange pour les mécènes, le rose pour leurs offres d’accompagnements, le bleu pour leurs valeurs et savoir-faire. Un code que nous avons utilisé sur l’ensemble des pages du site pour garder une cohérence globale et asseoir une habitude de lecture, des repères visuelles pour les visiteurs récurrents.
Livrable : Guide de style web et accessible (visible plus haut)
02
Des images plus éco-responsables et SEO-friendly
Les images ont toutes été optimisées pour le site :
- cadrage des images dans leur taille (dimensions) réelle d’affichage sur le site
- export de chaque image au bon format, notamment en utilisant le format d’images le plus léger pour le web (WebP),
- et enfin compression des ces dernières.
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.
Livrable : Maquettes graphiques
Astuce éco-responsable
Pour limiter encore plus l’impact de chaque image, il y a quelques astuces à connaître. En voici une.
Les images en noir et blanc et/ou depixelisé (on enlève certains pixels) génère moins d’énergie lors de leur chargement que leur confrère classique et colorées.
Alors nous avons fait le parti-pris de n’utiliser que des photos en noir et blanc sur le site de Rejouons Solidaire, pour l’alléger à la fois en poids et ainsi réduire son empreinte carbone, mais aussi l’alléger visuellement. En effet, le site étant déjà très coloré il aurait pu entrainer une certaine fatigue visuelle auprès de son audience si les photos étaient restées toutes en couleurs.
Ah oui ! J’oublié… Voici ce que l’association en a pensé
Pour vous donner une petite idée.
“ L’accompagnement est allé au-delà de mes attentes, avec une expérience véritablement sur-mesure ! ”
L’accompagnement est allé au-delà de mes attentes, avec une expérience véritablement sur-mesure pour la rédaction et une méthodologie à la fois claire, efficace et extrêmement structurante. Ce que j’ai le plus apprécié, c’est la véritable praticité du workspace Notion pour la rédaction des contenus des pages : pensées de façon très claire, ce qui rendait le travail à la fois simple, guidé et efficace.
Coralie a été très réceptive et vraiment à l’écoute, ce qui a rendu l’expérience encore plus fluide et agréable.
L’accompagnement était par ailleurs extrêmement intuitif et complet, avec des vidéos qui permettaient d’avancer naturellement dans la prise en main de WordPress.
Merci beaucoup Coralie pour ta patience, tes conseils et ton accompagnement, c’était un plaisir de travailler avec toi !
Si tu as aimé le site de Rejouons Soidaire, tu devrais également adorer découvrir celui-ci…
Aucun résultat
La page demandée est introuvable. Essayez d'affiner votre recherche ou utilisez le panneau de navigation ci-dessus pour localiser l'article.
