Faisletoimeme.be – Refonte du site Internet

Par Val / publié le 27 août 2025
Faisletoimeme.be  – Refonte du site Internet

TL;DR #

Fais-le toi-même, c’est une ASBL bruxelloise géniale. Trop difficile à résumer en une phrase — je t’invite à lire sa vision ou son manifeste. Elle a entamé en début 2024 un grand rebranding avec le Projet Feu de Camp. Et, j’ai eu la chance de participer à ce mouvement — surtout sur la partie digitale, la refonte du site internet de l’association et de l’Extension, son tiers-lieu.

Objectif ? Un site complet, complexe mais pas compliqué, vivant et low-tech, qui reflète la vision et mission tout fraichement réécrite ainsi que leurs valeurs.

Cet article, écrit un petit matin avec le cœur, est une petit façon pour moi de dire merci à tou..tes les personnes qui ont co-créé cette nouvelle identité. Et aussi, un petit pas pour clore ce chapitre.


Avant-propos : un rebranding qui vient du fond #

Ce que je raconte dans ce court article, c’est la partie digitale d’un projet bien plus large.

La refonte du site s’inscrit dans un rebranding global piloté par Elise, fondatrice de Fais le toi-même et Hugo, co-fondateur du Projet Feu de Camp. Ensemble, iels ont :

  • Fait un workshop pour poser les vrais enjeux, comme; est-ce qu’on a besoin d’une nouvelle idendité ? Et pourquoi ?
  • Réécrit la vision et la mission — perdues un peu en route, comme souvent quand on est dans l’action.
  • Créé un nouvel univers graphique : nouveau logo, une mascotte trop chouette, une charte visuelle de plus de 100 pages, avec des cas concrets pour les réseaux sociaux, les événements, la signalétique, les futurs tiers-lieux, et bien plus.

Tout ça, c’est du travail de co-création profond, entre l’ASBL et le Projet Feu de Camp.

La direction artistique est entièrement portée par Hugo et Elise_. Mon rôle ? Faire exister ce nouvel univers graphique dans un format web à la fois vivant et low-tech.


Pourquoi refaire le site ? #

Quelques objectifs clairs :

  • Présenter l’ASBL simplement : sa vision, sa mission, ses activités… sans surcharger la personne qui visite.
  • Rester le plus low-tech possible, même avec un univers graphique riche.
  • Rendre le site facile à éditer, pour que l’équipe de l’ASBL puisse le tenir vivant, sans dépendre d’un développeur à chaque petit changement.
  • Ah et aussi, c'est un peu évident mais l'ancien site ne collait évidemment plus du tout avec ce qui avait été re-écrit. Si t’es curieux..se, tu peux le voir ici : archives.faisletoimeme.be

UX – Parce que les associations font plein de choses (et c’est bien!) #

Ce que j’aime avec les associations, c’est qu’elles font vraiment les choses.
Pas de greenwashing, pas de com' vide. Juste des gens qui agissent, au ras du sol, pour réellement changer les choses et avoir un impact tangible — socialement, écologiquement, humainement.

Mais cette richesse d’action, ça rend souvent la communication compliquée.

Quand tu fais autant de chose, comme Fais-le toi-même : du soutien, de l’accompagnement, des ateliers, des événements, un festival, des lieu ouverts à tou..tes… Comment tu fais, en tant qu’association, pour dire clairement : ‘Voilà ce qu’on est, voilà ce qu’on fait’ ?

Depuis 5 ans, je travaille avec des associations. Et à force, j’ai remarqué que souvent, elles ont un pattern similaire dans ce qu’elles proposent. (D'un point de vue sitemap)
Et ce pattern, on l’a utilisé pour penser la structure du site.

cartographie simplifieesitemap asbl

Pour Fais-le toi-même, cela donne ceci : dans le menu, tout reste simple, clair, sans fioritures. À noter qu’il n’est peut-être pas encore parfait, car il n’est pas totalement évident que « Vision », « Manifeste » et « Méthode » soient des liens cliquables.

menu-fltm


UI – L’interface, au service de la mission #

On voulait que le site respire la même énergie que l’ASBL : chaleureuse, vivante, un peu brute, mais soignée. Avec l'idée de "classeur", comme des outils ou des fiches que l'on peut se prêter.

Pas de surcharge, pas de scrolling infini.
Juste ce qu’il faut, au bon endroit.

Voici les pages principales qu’on a pensées ensemble :

  • Home : une entrée en douceur, centrée sur la vision et mission de Fais-le toi-même


  • Vision : raconter l’ADN de l’association

  • Boost : montrer l’accompagnement concret

  • Articles & Événements : du contenu vivant, facile à ajouter

  • 404 : une page d’erreur qui dit "oops, on continue ?"

(Bonus) Low(er)-tech – Parce qu’on peut faire simple, beau, et sobre #

On ne peut pas parler d’un site comme celui-ci sans parler de ce qu’il y a en dessous.
Alors voilà, un petit tour de ce qui le fait tourner — et pourquoi on a fait ces choix. Enfin si on peut, mais de mon côté je suis un peu geek et ça m'intéresse beaucoup !

🔧 Stack technique :

  • Build avec 11ty (super léger, super rapide)
  • CMS Sveltia (interface simple, pas de code à toucher pour l’équipe)
  • Hébergé chez Infomaniak (énergie 100% renouvelable, revalorisation de la chaleur)
  • Aucun tracking, aucun cookie, aucun Google Analytics

🌱 Impact environnemental :

  • Eco-score B sur ecoindex.fr (moyenne)
  • Note A sur websitecarbon.com — plus propre que 83 % des sites mondiaux
  • Pages < 500 Ko en moyenne
  • Zéro image lourde, très peu de JS inutile (encore en cours d’optimisation)
  • Site statique – (lien wikipedia)

💡 Philosophie :
On n’a pas fait "low-tech" pour faire joli. Mais surtout parce que ça me tient à coeur personnelement de créer dans mes convictions et que c’est cohérent avec ce que Fais-le toi-même défend :
autonomie, sobriété, accessibilité, sortir des GAFAM, faire plus local et dans l'entraide.

Et puis, un site simple, c’est un site qu’on peut entretenir soi-même.
Pas besoin d’un expert pour publier un article ou corriger une date.


Conclusion & What’s next ? #

Comme tous les projets web, ce site va continuer à vivre, à évoluer. Et cet article aussi, peut-être.

Ce travail m’a appris — ou plutôt rappelé — une chose :
les associations ont besoin d’outils numériques simples, autonomes, en accord avec leur valeurs.

Et non, pas besoin d’agence web qui sur-facture.
Pas de WordPress avec 45 plugins.
Pas de Squarespace ou Webflow qui nous enferment dans des dépendances aux GAFAM.
Et surtout : pas de complexité inutile.
Bien souvent, leur asso est déjà assez complexe.
Je suis convaincu que le numérique peut être sobre, utile… et toujours fidèle à leur identité.

Du coup, je travaille en ce moment à un petit kit open source pour aider les ASBL (ou les créatif·ves) à déployer facilement un site comme celui-ci.
Toujours low(er)-tech, toujours editable, toujours indépendant, le code et le site vous appartiennent, si vous voulez aller encore plus loin vous aurez même la possibilité de créer un panneau solaire DIY et d'héberger votre site sur un vieux ordinateur que vous n’utilisez plus.

👉 Si ça t’intéresse, inscris-toi à notre newsletter (pas de spam, promis).
👉 Et si tu as un commentaire, une remarque, un mot gentil : écris-moi à bxl@projetfeudecamp.be


Belle journée à toi,
Merci d’avoir lu jusqu’ici

— Val

Sommaire

    Pour être tenu..e au courant: