PROJET PROFESSIONNEL · 2025

Fondation Amani

Association caritative — conception UX du site et identité visuelle

PROBLÉMATIQUE

La Fondation Amani étant une structure récente et peu connue du grand public, le principal défi était de concevoir un site capable de créer la confiance chez des visiteurs qui ne connaissent pas encore l'organisation, tout en guidant efficacement les différents profils d'utilisateurs vers une action concrète — que ce soit un don, une collecte ou un engagement bénévole.

QUESTION CENTRALE

Comment concevoir un site caritatif qui transforme un visiteur inconnu en donateur ou en bénévole engagé, en s'adaptant à différents niveaux de connaissance de la fondation ?

CIBLE

Trois profils d'utilisateurs distincts, représentatifs des personnes susceptibles de visiter le site. La cible principale est ancrée en Île-de-France, ce qui influence la proximité avec les actions de terrain et le potentiel de bénévolat local.

CE QUE J'AURAIS AMÉLIORÉ

Faire le parcours utilisateur après les wireframes ; ajouter des tests utilisateurs (personas basés sur des hypothèses, sans interviews) ; prévoir un parcours pour les partenaires et donateurs corporate.

FigmaClaude AIWordPressElementor

PROCESSUS DE CONCEPTION

Recherche utilisateur & personas

Identification de trois profils : Sophie (elle connaît de nom — besoin de comprendre la mission, voir l'impact, identifier les fondatrices), Marc (il ne connaît pas — déclenché par les Collectes plus que par un discours institutionnel), Anne (elle a déjà donné — parcours court vers le don mensuel ou ponctuel, rassurance sur la déduction fiscale de 66%).

Parcours utilisateurs

Parcours modélisés puis mis à jour pour coller aux pages réellement disponibles : newsletter remplacée par Instagram et LinkedIn ; Collectes intégrée au parcours de Marc ; pages Nous rejoindre et Contact prises en compte. Chaque parcours répond à un état d'esprit différent — la découverte, la validation et l'action directe.

Wireframes & pages

Wireframes conçues sur Figma : Home, À propos, Collectes, Don, Nous rejoindre et Contact. Principe : adapter le contenu au niveau de connaissance du visiteur. Home avec mission et bouton de don immédiat ; À propos détaillée pour la confiance ; Collectes en 4 catégories concrètes ; Don avec options mensuel / ponctuel et mention des 66%.

Ce que ça démontre — De la définition des utilisateurs cibles jusqu'à la conception des wireframes et la mise en place du site et son identité visuelle — en tant que Chef de projet digital, UX Designer et Product Owner.

Recherche utilisateur & Personas

Trois profils d'utilisateurs distincts, représentatifs des personnes susceptibles de visiter le site de la Fondation Amani.

Persona Sophie, 34 ans — Elle connaît de nom — Sophie, 34 ans — « Elle connaît de nom »Chargée de communication, Paris

Persona Marc, 28 ans — Il ne connaît pas — Marc, 28 ans — « Il ne connaît pas »Développeur freelance, St-Germain-en-Laye

Persona Anne, 52 ans — Elle a déjà donné — Anne, 52 ans — « Elle a déjà donné »Enseignante retraitée, Marne-la-Vallée

Parcours utilisateurs

Tous les visiteurs n'arrivent pas sur le site avec le même niveau de connaissance ni la même intention. Imposer le même chemin à tout le monde aurait créé des frictions et des abandons.

Wireframes

Les wireframes ont été conçues sur Figma et couvrent l'ensemble des pages du site. Les décisions de structure ont été guidées par un principe simple : adapter le contenu au niveau de connaissance du visiteur.

CollectesWireframe page Collectes Fondation Amani

À proposWireframe page À propos Fondation Amani

ContactWireframe page Contact Fondation Amani

Design des pages

Home avec un visuel fort, la mission en une phrase et un bouton de don visible immédiatement. À propos volontairement détaillée. Collectes en 4 catégories concrètes. Don avec options mensuel et ponctuel, et la déduction fiscale de 66%.

À proposDesign page À propos Fondation Amani

CollectesDesign page Collectes Fondation Amani

Nous rejoindreDesign page Nous rejoindre Fondation Amani

ContactDesign page Contact Fondation Amani

Fondation Amani

PROBLÉMATIQUE

QUESTION CENTRALE

CIBLE

CE QUE J'AURAIS AMÉLIORÉ

PROCESSUS DE CONCEPTION

Recherche utilisateur & personas

Parcours utilisateurs

Wireframes & pages

Livrables

Recherche & Personas

Wireframes Figma

Site & identité visuelle

Trois profils d'utilisateurs distincts, représentatifs des personnes susceptibles de visiter le site de la Fondation Amani.

Tous les visiteurs n'arrivent pas sur le site avec le même niveau de connaissance ni la même intention. Imposer le même chemin à tout le monde aurait créé des frictions et des abandons.

Les wireframes ont été conçues sur Figma et couvrent l'ensemble des pages du site. Les décisions de structure ont été guidées par un principe simple : adapter le contenu au niveau de connaissance du visiteur.

Home avec un visuel fort, la mission en une phrase et un bouton de don visible immédiatement. À propos volontairement détaillée. Collectes en 4 catégories concrètes. Don avec options mensuel et ponctuel, et la déduction fiscale de 66%.

Palette de Couleurs

Outils & Technologies