2025

Kumo Kumo - Conception du premier site d'une association afin de structurer son offre et activer ses leviers de financement

Projet en cours

Association/Design solidaire

B2C

CONTEXTE & MISSION

KumoKumo est une association de design solidaire à Toulouse qui propose un accompagnement gratuit en design graphique et architecture d'intérieur. L'offre, bien que socialement forte, était perçue comme complexe et intimidante. Mission : concevoir le premier site de l'association pour clarifier l'offre, structurer les parcours clés et activer les leviers de financement (adhésions, dons, partenariats).

RÉSULTATS ET IMPACTS

Réservation de permanences

Objectif : Fluidifier les prises de RDV (actuellement 2 créneaux/semaine disponibles)

Engagement adhérents

Objectif : Doubler les adhésions (baseline 2025 : 20 adhérents)

Financement de l'association

Objectif : Augmenter les dons de 50% (baseline 2025 : ~2000€)

Présence digitale

Objectif : Structurer l'offre et renforcer la crédibilité en ligne

RECHERCHE

Comment j'ai identifié les problèmes

Phase de cadrage stratégique incluant entretiens utilisateurs, observation in situ, ateliers avec les fondatrices Karen & Morgane, analyse du modèle associatif.

Le mot "design" est perçu comme complexe et intimidant

Assimilé à du jargon professionnel. Crée un sentiment d'illégitimité chez les bénéficiaires potentiels. Frein à la prise de contact même pour une offre gratuite.

Parcours de réservation manquent de clarté

Besoin fort d'un process guidé : par où commencer, comment réserver. Offre multiple crée de la confusion. Utilisateurs cherchent des conseils clairs, pas une formation complète.

Leviers de financement difficiles à activer

Dépendance à plusieurs sources : coworking, location, dons, partenariats. Pas de plateforme centralisée. Nécessité de rendre visible l'impact social pour encourager le soutien.

SOLUTIONS

3 axes de conception

1 - Clarifier l'offre : rendre l'offre immédiatement compréhensible et accessible

L'enjeu était de simplifier une offre riche mais perçue comme complexe. J'ai conçu une architecture d'information progressive : homepage avec bloc mission clair, pages dédiées par service (Permanences gratuites / Coworking / Location espace / Nous soutenir), et un parcours de réservation en 3 étapes maximum.

  • Homepage avec message clair et rassurant

  • Pages dédiées par service pour éviter la surcharge

  • Langage simple, sans jargon, avec visuels concrets

  • Témoignages pour réassurer et montrer l'impact

1 - Clarifier l'offre : rendre l'offre immédiatement compréhensible et accessible

L'enjeu était de simplifier une offre riche mais perçue comme complexe. J'ai conçu une architecture d'information progressive : homepage avec bloc mission clair, pages dédiées par service (Permanences gratuites / Coworking / Location espace / Nous soutenir), et un parcours de réservation en 3 étapes maximum.

  • Homepage avec message clair et rassurant

  • Pages dédiées par service pour éviter la surcharge

  • Langage simple, sans jargon, avec visuels concrets

  • Témoignages pour réassurer et montrer l'impact

2 - Activer les leviers : faciliter l'engagement (dons, adhésions, participation)

Pour soutenir le modèle économique de l'association, j'ai intégré des points de conversion tout au long du parcours : bouton "Faire un don" visible dans le header, page dédiée "Nous soutenir" avec formulaire intégré Yapla, et mise en avant du coworking comme levier d'adhésion.

  • CTA "Faire un don" dans le header (sticky)

  • Page "Nous soutenir" avec options multiples : don ponctuel, mensuel, adhésion

  • Intégration Yapla pour paiements sécurisés

  • Mise en avant du coworking comme engagement durable

3 - Design inclusif : créer une expérience chaleureuse, inclusive et accessible à tous

J'ai travaillé l'identité visuelle pour refléter les valeurs de l'association : palette couleurs douces (vert, mauve, orange, bleu), typographie chaleureuse, langage inclusif et non genré. Navigation pensée mobile-first, contrastes conformes WCAG 2.1 (AA).

  • Palette couleurs inspirée de l'identité existante

  • Langage inclusif et non genré dans tous les contenus

  • Contrastes conformes WCAG 2.1 niveau AA minimum

  • Navigation mobile-first avec boutons accessibles au doigt

2 - Activer les leviers : faciliter l'engagement (dons, adhésions, participation)

Pour soutenir le modèle économique de l'association, j'ai intégré des points de conversion tout au long du parcours : bouton "Faire un don" visible dans le header, page dédiée "Nous soutenir" avec formulaire intégré Yapla, et mise en avant du coworking comme levier d'adhésion.

  • CTA "Faire un don" dans le header (sticky)

  • Page "Nous soutenir" avec options multiples : don ponctuel, mensuel, adhésion

  • Intégration Yapla pour paiements sécurisés

  • Mise en avant du coworking comme engagement durable

3 - Design inclusif : créer une expérience chaleureuse, inclusive et accessible à tous

J'ai travaillé l'identité visuelle pour refléter les valeurs de l'association : palette couleurs douces (vert, mauve, orange, bleu), typographie chaleureuse, langage inclusif et non genré. Navigation pensée mobile-first, contrastes conformes WCAG 2.1 (AA).

  • Palette couleurs inspirée de l'identité existante

  • Langage inclusif et non genré dans tous les contenus

  • Contrastes conformes WCAG 2.1 niveau AA minimum

  • Navigation mobile-first avec boutons accessibles au doigt

DÉCISIONS CLÉS

Ce qui a guidé mes choix

1 - Prioriser la prise de rendez-vous comme action principale dès l'entrée

Le cœur de métier de l'association, ce sont les permanences gratuites. J'ai donc fait le choix de mettre en avant ce parcours dès la homepage avec un bouton principal "Je réserve ma permanence gratuite" dans le header. Les autres leviers (coworking, location, dons) restent accessibles mais ne diluent pas le message principal. Cette hiérarchisation permet de guider l'utilisateur vers l'action qui génère le plus de valeur pour l'association ET pour les bénéficiaires.

2 - Simplifier les contenus sans jargon pour rendre l'offre accessible

Les entretiens utilisateurs ont révélé que le mot "design" pouvait être intimidant. J'ai donc adopté une approche de vulgarisation : éviter le jargon, utiliser des exemples concrets ("créer une identité visuelle pour son projet", "aménager son chez-soi"), et mettre en avant la dimension humaine et bienveillante de l'accompagnement. Cette tonalité pédagogique et chaleureuse réduit la barrière psychologique et encourage la prise de contact.

APPRENTISSAGE

Ce que ce projet m'a appris

Ce projet m'a appris à concevoir pour un public non-initié au design, en vulgarisant des concepts complexes sans les dénaturer. Travailler avec une association à impact social m'a aussi permis de mieux comprendre les contraintes d'un modèle économique hybride (bénévolat, dons, services payants) et l'importance de structurer une offre multiple sans créer de confusion. Enfin, collaborer en immersion avec les fondatrices m'a fait prendre conscience de l'importance de co-construire avec les équipes terrain pour garantir que les solutions UX/UI soient réalistes et alignées avec les capacités opérationnelles réelles de l'organisation.

Create a free website with Framer, the website builder loved by startups, designers and agencies.