Contexte & enjeux

Le Fachoscope est une initiative portée par l’association ~le mouvement.

L’association avait besoin d’un outil pédagogique pour documenter les « signaux faibles », identifier les tactiques autoritaires récurrentes et alerter le public sur la rapidité potentielle de ce processus. 

Mission

Nous avons accompagné l’association dans la conception et le développement intégral de la plateforme. Notre mission a couvert l’ensemble de la chaîne de valeur numérique : de la création de l’identité graphique à l’architecture technique sur mesure.

Solution technique

• Création d’identité graphique sur-mesure : Conception d’un univers visuel propre au Fachoscope et création sur-mesure des icônes pour chaque domaine.

• Développement WordPress avancé : Architecture de site optimisée pour la lecture de contenus longs et la navigation fluide entre les différents domaines d’analyse.

• Développement de plugins ad hoc : Conception et développement d’une roue interactive sur mesure, permettant aux utilisateurs de découvrir aléatoirement l’un des six domaines d’analyse par un simple clic. Cet élément ludique et infini favorise une exploration dynamique du contenu.

• Expérience utilisateur (UX) immersive : Mise en page scénarisée guidant l’utilisateur du constat à l’action, avec des parcours de lecture non-linéaires adaptés à la complexité du sujet.

• Performance et maintenance : Infrastructure légère et sécurisée, permettant une mise à jour aisée des contenus par l’équipe de l’association.

Résultats

• Plateforme unifiée centralisant l’ensemble du guide d’analyse éliminant la dispersion des informations.

• Pédagogie renforcée grâce à une identité visuelle et des interfaces interactives.

• Autonomie éditoriale pour l’association, capable de mettre à jour les contenus et analyses sans dépendance technique lourde.

• Impact narratif accru : Un parcours utilisateur fluide qui transforme le visiteur passif en citoyen informé.

• Solution évolutive : Une base technique prête à intégrer de nouveaux scénarios ou domaines d’analyse selon l’évolution du contexte politique.

Impact & valeur ajoutée

Le Fachoscope fournit à l’association ~le mouvement un support pédagogique clair pour expliquer le fonctionnement des institutions et les mécanismes de pouvoir.

En structurant des informations complexes, la plateforme facilite la compréhension des enjeux démocratiques pour le grand public.

L’association dispose ainsi d’un outil autonome et évolutif pour informer et alimenter le débat citoyen de manière factuelle.

Rêv’Elle Toi est une association engagée pour l’émancipation des femmes, des jeunes et des familles des quartiers populaires. Par l’éducation populaire, elle favorise l’égalité des chances, la confiance en soi et l’accès au pouvoir d’agir. Véritable laboratoire d’actions innovantes, elle déploie des programmes concrets autour de quatre pôles structurants : Femme, Jeunesse, Parentalité & Handicap, et Arts & Cultures.

Nous les avons accompagnés dans la mise en valeur de leur mission à travers la création d’un site web clair, accessible et fidèle à leur identité.

Missions

Conception et développement du site web

Nous avons conçu un site internet sur mesure sous WordPress, en intégrant et en valorisant la charte graphique existante pour en faire un outil clair, moderne et simple à utiliser :

Respect et valorisation de leur identité visuelle

• Reprise et optimisation des couleurs, typographies et codes de la charte graphique fournie.

• Mise en page cohérente et accessible, reflétant les valeurs fortes de l’association : émancipation, inclusion et créativité.

Un site pensé pour l’autonomie de l’équipe

• Création d’une structure éditoriale simple, permettant aux équipes de Rêv’Elle Toi de mettre à jour leurs contenus en toute indépendance : actualités, programmes, pages fixes…

• Intégration d’un éditeur intuitif permettant de modifier facilement les blocs, sections et médias.

Une navigation claire et orientée impact

• Architecture de contenus mettant en lumière leurs quatre pôles d’action :
  Femme, Jeunesse, Parentalité & Handicap, Arts & Cultures.

• Hiérarchisation fluide pour guider les visiteurs vers les programmes, actualités et informations essentielles.

• Mise en avant de la mission, des impacts et des actions phares de l’association.

Fonctionnalités sur mesure

• Formulaires de contact par pôle pour faciliter les prises de contact et demandes d’information.

• Optimisation mobile & responsive pour offrir une expérience fluide sur l’ensemble des supports.

Lallab est une association féministe et antiraciste qui œuvre pour faire entendre les voix des femmes musulmanes, déconstruire les stéréotypes et promouvoir une société inclusive, plus juste et plus équitable. À travers des articles, des vidéos et des événements, Lallab propose un espace d’expression engagé, intersectionnel et profondément humaniste.

Nous les avons accompagnées dans la refonte de leur site web pour renforcer leur impact, leur accessibilité et la mise en valeur de leur riche production éditoriale.

Missions

Refonte graphique et éditoriale du site

Nous avons entièrement repensé l’interface et le design du site de Lallab, avec un objectif : en faire une véritable plateforme éditoriale à l’image d’un webzine engagé et vivant.

Nouvelle page d’accueil dynamique : Re-design complet pour mettre en avant les contenus phares de Lallab, valoriser les différentes catégories éditoriales (communiqués, portraits, nos voix, (dé)constructions) et renforcer l’expérience utilisateur.

Hiérarchisation visuelle des contenus : Une attention particulière a été portée à la présentation des articles pour faciliter la lecture, favoriser la découverte de contenus et refléter la richesse des sujets abordés.

Refonte des pages catégories du blog : Chaque section a été redessinée pour offrir une lecture fluide, avec une mise en page plus plus esthétique, adaptée aux usages mobiles.

Accompagnement et formation

Au-delà de la refonte graphique, nous avons mis en place un accompagnement continu de l’équipe de Lallab pour leur permettre de prendre en main l’outil de manière autonome, en toute confiance et sans dépendance technique.

Nous avons structuré cet accompagnement complet et adapté à leurs besoins et à leur rythme, avec :

• une prise en main de l’interface Divi et de l’éditeur WordPress,
• l’apprentissage de la création et de la mise en forme de contenus éditoriaux,
• la gestion des médias, des catégories et des pages,

• la mise à disposition de ressources pédagogiques et guides personnalisés adapté aux pratiques de l’équipe,

• une veille technique qui garantit la sécurité et la pérennité de leur outil.

Nous prenons soin de valoriser l’autonomie éditoriale, afin que Lallab puisse faire évoluer son site librement, en toute indépendance, tout en respectant la cohérence graphique et les objectifs du projet.

Les Grandes Récoltes est un collectif citoyen du Grand Libournais qui rassemble les habitants autour d’échanges et d’actions pour un territoire plus solidaire et durable. Indépendant de tout parti politique, il favorise la participation, la justice sociale et environnementale à travers des rencontres et des événements fédérateurs.

Nous avons les accompagné dans la création de leur identité visuelle et de leur présence en ligne.

Missions

Création de l’identité visuelle

Nous avons conçu une identité graphique forte et cohérente :

• Conception du logo : Un symbole représentatif du collectif, déclinable sur différents supports.
• Charte graphique : Définition des couleurs, typographies et règles d’utilisation pour assurer une cohérence visuelle sur tous les supports.
• Supports de communication : Création de modèles personnalisés sur Canva, permettant aux membres du collectif d’être autonomes dans la création de leurs visuels (affiches, flyers, etc.).

Conception et développement du site web

Nous avons réalisé un site web sur mesure sous WordPress pour offrir une plateforme intuitive et accessible avec une interface ergonomique permettant aux membres du collectif de mettre à jour le site en toute autonomie :

• Expérience utilisateur optimisée : Navigation fluide et hiérarchie claire et direct pour valoriser les actions du collectif.
• Mise en avant des événements et initiatives : Intégration de The Events Calendar pour gérer et afficher les événements en toute simplicité.
• Formulaires interactifs : Implémentation de Gravity Forms pour faciliter les prises de contact et les inscriptions.
• Optimisation mobile : Un design responsive assurant une expérience fluide sur tous les supports (ordinateur, tablette, mobile).

Les Beaux Mets, restaurant d’insertion au cœur de la prison des Baumettes, cherchait un partenaire pour maintenir et optimiser la gestion de ses réservations tout en respectant les contraintes pénitentiaires. Nous les accompagnons sur les outils : Airtable et Make pour les réservations, Webflow pour leur site web.

Missions

Maintenir le système de gestion des réservations et le site web

Nous maintenons et faisons évoluer en permanence les outils de l’association pour répondre aux besoins du restaurant :

• Gérer les réservations en intégrant les multiples vérifications de sécurité requises
• Automatiser les communications avec les clients
• Simplifier la gestion administrative quotidienne
• Maintenir un site web attractif et fonctionnel

Architecture technique

Le système repose sur plusieurs outils parfaitement intégrés :

• Airtable comme base de données centrale pour la gestion des réservations
• Make (ex-Integromat) pour orchestrer les automatisations complexes
• Mailjet pour gérer les communications clients
• Webflow pour le site internet vitrine

Les interfaces et automatisations

L’ensemble du système a été pensé pour fluidifier chaque étape du processus :

• Formulaire de réservation intelligent avec gestion des critères de sécurité
• Interface de gestion dédiée à l’équipe du restaurant et à l’équipe de l’administration pénitentiaire
• Système d’envoi automatique des confirmations et rappels
• Site web ergonomique facilitant la découverte du projet

Accompagnement continu

Un forfait mensuel assure la pérennité et l’évolution du système :

• Support technique réactif
• Formations régulières pour les membres de l’équipe pour gagner en autonomie
• Maintenance préventive des différents outils
• Évolutions fonctionnelles selon les besoins émergents

Résultats

• Réduction significative du temps consacré aux vérifications administratives
• Diminution des erreurs dans le processus de réservation
• Augmentation de la satisfaction client grâce à une communication plus fluide
• Site web performant contribuant à la visibilité du projet

Cette solution démontre qu’une approche no-code peut répondre aux exigences les plus strictes. L’accompagnement continu permet d’assurer la pérennité du système tout en l’adaptant aux besoins de ce projet innovant.

 AB S’aider est une association engagée dans l’accompagnement scolaire, l’entraide et l’engagement communautaire, particulièrement dans les quartiers prioritaires de La Courneuve et d’Aubervilliers. Unie par la mission de soutenir la réussite éducative et de renforcer les liens sociaux, AB S’aider agit pour offrir des opportunités équitables à chacun.

Depuis sa création en 2013, l’association a développé des actions concrètes pour répondre aux besoins spécifiques des habitants de ces territoires, en cultivant des valeurs de solidarité, d’inclusion et d’autonomie.

Missions

Conception et développement du site web

Nous avons réalisé un site web sur mesure pour AB S’aider sous WordPress, en privilégiant une interface claire, une navigation fluide et une mise en avant des projets de l’association, afin de transmettre au mieux ses valeurs et son engagement.

Le site a été pensé pour valoriser les actions de l’association : Chaque projet, événement ou initiative bénéficie d’une mise en avant claire, grâce à une hiérarchie visuelle bien définie et une navigation intuitive.

Formation sur les outils numériques

Pour garantir une autonomie complète dans l’utilisation des outils numériques, nous avons accompagné l’équipe d’AB S’aider à travers un programme de formation structuré :

• Prise en main du site WordPress : Formation sur la gestion des contenus, la création de nouvelles pages, la mise à jour des événements. L’objectif était de permettre à l’équipe de gérer le site de manière autonome sans compétences techniques avancées.
• Documents de référence : Nous avons fourni des guides détaillés et illustrés sur l’utilisation des outils, permettant aux membres de l’association de disposer d’un support à tout moment.

Formation sur un outil de design : Canva

L’équipe a appris à utiliser Canva pour créer des supports de communication visuels. La formation a couvert la découverte de l’interface et des fonctionnalités principales, l’utilisation d’une template événementielle personnalisée pré-créée avec l’identité graphique de l’association (modification de textes, images et couleurs, exportation en formats adaptés au print et au web) ainsi qu’un exercice pratique pour permettre à chaque participant de personnaliser une affiche et partager ses créations.

Banlieues Climat est une association dédiée à la sensibilisation et à l’action en faveur de la transition écologique dans les quartiers populaires. Elle s’engage à accompagner les habitants de ces territoires dans la mise en place de projets éco-responsables, tout en favorisant l’émergence de solutions durables et inclusives.

Depuis sa création, Banlieues Climat a multiplié les initiatives pour mobiliser les communautés locales autour des enjeux climatiques et sociaux, en promouvant des valeurs de justice environnementale, de solidarité et de résilience.

Missions

Installation du serveur et gestion des domaines

Nous avons pris en charge l’installation des infrastructures techniques nécessaires, incluant:

• La configuration des serveurs et l’acquisition des noms de domaine pour une gestion fluide et sécurisée.

Création du site internet

Nous avons conçu et développé un site internet en mettant en avant une identité visuelle forte et engagée. Le site reflète les valeurs de l’association et ses missions grâce à :

• Un design engageant et cohérent : Une palette de couleurs vives et naturelles associée à une typographie moderne pour capturer l’essence écologique et communautaire de l’association.
• Une structure claire et intuitive : Chaque section, comme « Constat », « Actions » et « Équipe », est pensée pour guider les visiteurs dans leur découverte des activités et des valeurs del’association.
• Une mise en avant des appels à l’action : Boutons bien visibles tels que « Faire un don » et « S’abonner », permettant aux visiteurs de s’engager facilement aux côtés de l’association.

Le site est également entièrement responsive, garantissant une expérience utilisateur optimale sur tous les appareils, des ordinateurs aux smartphones.

Mise en place de Google for Nonprofit et Google Workspace

Pour optimiser la collaboration et les échanges au sein de l’association, nous avons configuré les outils Google adaptés aux organisations à but non lucratif :

• Création et paramétrage d’un environnement Google Workspace (e-mails professionnels, agenda partagé, stockage cloud).
• Intégration de Google for Nonprofit pour bénéficier d’outils et services dédiés aux associations.

Conseil et mise en place de solutions de levée de fonds

Pour soutenir les actions de Banlieues Climat, nous avons accompagné l’association dans la mise en place de solutions de financement, notamment :

• HelloAsso : Configuration et conseils pour la gestion des campagnes de collecte de dons en ligne.

Maintenance et accompagnement

Nous assurons la maintenance du site pour garantir la pérennité et la performance des outils numériques mis en place. En parallèle, nous offrons un accompagnement personnalisé pour répondre aux besoins évolutifs de l’association.

Le Next Level est une communauté d’associations et de professionnel·les directement ou indirectement concerné·es par les discriminations structurelles liées à l’origine et assimilé, uni·es autour de la mission de co-produire, accompagner et participer à des démarches favorisant la justice, l’équité, l’inclusivité et le respect de la dignité des personnes par tout moyen nécessaire et disponible.

Missions

Conception et développement du site web

Nous avons conçu et développé un site web moderne sous WordPress, qui reflète l’engagement et les valeurs de la communauté. Le design met en avant les actions collectives et facilite l’accès aux ressources partagées. Au cœur du site, un annuaire interactif des membres renforce les connexions au sein du réseau, permettant aux associations et professionnel·les de se trouver et collaborer.

Développement CRM en no-code

La force du Next Level réside dans sa communauté. Nous avons développé une application de gestion des contacts et des interactions totalement adaptée à leurs actions, basée sur Airtable. La base de données relationnelle leur permet de garder trace des interactions avec les membres de la communauté et est intégrée avec leurs programmes. Ainsi, l’équipe peut mesurer concrètement l’investissement des membres et leur dynamisme au sein des diverses activités.

Conseil et accompagnement

Nous avons accompagné l’équipe dans la prise en main des outils, en assurant la formation nécessaire pour une utilisation optimale du CRM et du site web. Cette transmission de compétences permet à l’association d’être autonome dans la gestion quotidienne de ses outils numériques. De plus, nous collaborons au quotidien pour penser les besoins et les outils de l’association au fil de ses évolutions. 

La Fondation Educlare, centrée sur l’éducation par les arts et le développement durable, souhaitait moderniser sa présence en ligne pour mieux communiquer son impact et ses valeurs. Le projet comprenait une refonte totale de leur site web ainsi qu’une formation de leur équipe pour assurer une gestion autonome du site rénové.

Missions

Développement de l’identité graphique

La fondation avait besoin d’un coup de jeune dans son identité graphique. En partant de leur logo existant, j’ai crée un design visuel riche et engageant reprenant ses couleurs. L’objectif était de rendre le site accueillant et informatif, tout en mettant en avant leur mission à travers des visuels captivants.

Formation à l’administration du site

Un aspect crucial du projet était de s’assurer que l’équipe d’Educlare puisse gérer le site de manière indépendante. J’ai mis en place une session de formation sur l’utilisation de WordPress. Le but était de les rendre les plus autonomes possible depuis la mise à jour de contenu jusqu’à la gestion des aspects techniques de base.

Terra Project est engagé depuis 1999 dans la création d’outils pédagogiques pour sensibiliser les plus jeunes aux défis écologiques. Ce projet a pour but d’offrir des supports interactifs aux enseignants mais aussi aux parents.

La création du site et de la boutique e-commerce a impliqué de nombreux défis, couvrant à la fois les aspects techniques et fonctionnels.

Missions

Design et création du site internet

Le principal objectif était de créer un espace pédagogique où les ressources sont facilement accessibles et présentées de manière claire et engageante. La navigation sur le site a été pensée pour être la plus fluide et directe possible.

Création de la boutique e-commerce

La boutique de Terra Project a été conçue pour s’adapter à deux types d’utilisateurs : les enseignants et les parents. Cela signifie des catalogues distincts et des fonctionnalités adaptées à chaque profil.

Le catalogue parents propose des produits dont les contenus pédagogiques sont adaptés à un usage familial. Le tunnel d’achat pour les produits du catalogue parents est direct et simplifié.

Le catalogue enseignants propose des produits spécialement conçus pour un usage en classe et contient des contenus pédagogiques plus spécifiques liés au thème abordé. Il a également fallu gérer le système de gestion des licences pour ces produits (licence enseignant 2 ans, licence par élève etc). En effet les produits du catalogue enseignants disposent pour la majorité de plusieurs variations de licences, ce qui permet aux enseignants de choisir l’option la plus adaptée à leur besoin. Cela a nécessité une personnalisation du module de gestion de produits afin d’afficher le plus clairement possible les options disponibles sur le site.

Un autre aspect important du catalogue enseignants : les options d’achat. Il était important de proposer différentes options d’achat pour personnaliser au maximum le tunnel de vente. La première option, la classique, est un tunnel de vente directe : on place un ou des articles dans le panier et on passe commande directement via une carte bancaire.

Pour la seconde option nous avont développé la possibilité de soumettre un bon de commande avec tous les articles souhaités et de l’envoyer via un formulaire au support de Terra Project. La soumission du formulaire déclenche l’envoi d’un mail récapitulatif de la commande et une copie pdf du bon de commande en pièce-jointe. Cette option permet aux organisations qui ne paient pas par carte bancaire de régler un achat par virement ou par chèque.

Enfin, Terra Project s’adresse à un large public : des parents jusqu’aux collectivités territoriales. Il était important de créer des formulaires personnalisés dédiés à chaque profil de visiteur dans l’optique d’optimiser l’efficacité du site en offrant un parcours simplifié.