- Sur mesure
Singa
Une association qui crée du lien entre Bruxellois et nouveaux arrivants, et un site qui ne savait plus à qui il parlait. Une refonte pensée parcours par parcours.
Le contexte
Deux publics, une même porte d’entrée
SINGA Bruxelles crée depuis 2016 la rencontre entre des personnes locales et des personnes nouvelles arrivantes : activités hebdomadaires et Bazars, binômes Buddy, cohabitations solidaires, accompagnement dans les démarches administratives. Plus de 3 000 activités, 1 000 binômes et 250 personnes logées depuis le lancement. L’association fait partie du réseau SINGA, présent dans 7 pays et 16 villes en Europe et au Canada, avec une charte graphique commune à toutes les antennes.
Son site tournait sur Wix. Les contenus s’empilaient en blocs sans hiérarchie, l’agenda était tenu à la main dans une page, et chaque mise à jour demandait un effort disproportionné à une équipe qui n’a pas de profil technique. Les performances suivaient la même pente. À l’approche des 10 ans de l’association, le site ne reflétait plus ni l’ampleur de l’activité ni l’énergie de la communauté.
Le défi
Un visiteur, un parcours
Le vrai problème n’était pas esthétique. Un Bruxellois qui veut donner quelques heures et une personne arrivée depuis trois semaines qui cherche à rencontrer du monde n’ont rien à faire sur la même page. L’ancien site les mélangeait, et les deux repartaient sans réponse claire.
À cela s’ajoutaient trois contraintes concrètes :
- Un volume important de contenu à restructurer, réparti sur quatre programmes et une dizaine de façons de s’engager.
- Une charte de réseau à respecter à la lettre, typographies PP Formula et Inter comprises, sans la copier : le site de Bruxelles devait rester reconnaissable comme un site SINGA tout en ayant sa propre voix.
- Un site bilingue (FR, EN) à concevoir dès le départ, pas à traduire après coup.
Notre solution
Repartir de l’arborescence, pas du design
Nous avons commencé par un atelier de cadrage en présentiel avec l’équipe SINGA pour poser les publics, leurs questions à l’arrivée et ce que chacun doit pouvoir faire en moins de trois clics. L’arborescence validée en sortie d’atelier a ensuite été maquettée page par page sur Figma avant la moindre ligne de code.
Le résultat se voit dès la page d’accueil : deux entrées, « Je suis nouveau à Bruxelles » et « Je souhaite m’engager », qui mènent chacune vers un parcours dédié. Le reste du site découle de cette logique.
- Atelier UX de cadrage et co-construction de l’arborescence avec l’équipe.
- Maquettes Figma de l’ensemble des pages, dans le respect de la charte du réseau SINGA.
- Développement WordPress sur mesure, sans thème du commerce ni constructeur de pages, avec une bibliothèque de blocs éditables par l’équipe.
- Page S’engager avec un filtre « Mon temps / Mon envie » : chaque visiteur isole en deux clics les missions qui correspondent à sa disponibilité et à ses motivations.
- Agenda d’événements structuré (date, lieu, horaires, inscription), publié par l’équipe en quelques minutes et remonté automatiquement sur la page d’accueil.
- Pages programmes restructurées : Activités & Bazars, Buddy, Cohabitations solidaires, Admin Buddy.
- Site bilingue FR, EN intégration newsletter et formulaire de don.
- Optimisation technique, SEO et accessibilité, puis formation de l’équipe pour une gestion en autonomie.
Le résultat
Un site rapide, que l’équipe fait vivre elle-même
À la mise en ligne, le site obtient 100 sur 100 en performance desktop et 94 sur 100 en mobile, avec une note Website Carbon A et 0,06 g de CO2 par visite, mieux que 88 % des pages web mesurées.
Au-delà des scores, SINGA dispose d’un outil qui répond enfin à la bonne personne : le nouvel arrivant trouve les activités de la semaine, le Bruxellois trouve la mission qui lui ressemble, et l’équipe publie ses événements sans passer par nous. Sans abonnement Wix, sur un socle open source qui pourra évoluer avec l’association.
Mesuré à la mise en ligne
-
100 / 100
Score de performance desktop
-
94 / 100
Score de performance mobile
-
A
Note Website Carbon
Autres réalisations
-
Indusma
Sur mesure
-
Office du tourisme de Seraing
Site vitrine - Sur mesure
-
Point Yoga
SEO - Site vitrine