Refonte de la page de formulaire Helloasso
Le brief
Dans le projet final du bootcamp, j'ai travaillé avec un autre coéquipier chez Helloasso. Cette entreprise est un acteur clé dans le domaine associatif et elle propose aux associations une plateforme sur laquelle ces dernières peuvent gérer leurs campagnes de financement, leurs opérations de billetterie, etc.
HelloAsso nous a demandé de repenser le formulaire présent sur la page creersonassociation.com pour le rendre plus centré sur l'utilisateur et plus engageant.
L'objectif global étant de convertir plus d'utilisateurs qui créent leur association hors ligne de le faire en ligne, via leur formulaire.
La recherche
Nous avons examiné le marché de l'association pour mieux le comprendre et obtenir une vue d'ensemble du contexte. Nous avons trouvé ces chiffres :
associations actives en France
associations créées
en 2022-2023
d'associations présidées par des hommes
Nous avons également examiné les concurrents sur le marché pour voir comment le service "créer son association" de Helloasso était positionné et nous avons défini ci-dessous le positionnement de la marque :
Nous avons également effectué une recherche qualitative en interviewant 4 personnes qui ont déjà créé une association par le passé. Nous avons notamment appris ces grands enseignements :
"Nous aimerions
une sorte de formulaire simple et direct".
Frida, 24 ans
"J'ai dû recommencer à nouveau le formulaire car mes progrès n'avaient pas été enregistrés".
Ludivine, 23 ans
La persona
À la suite de la phase de recherche, nous avons rassemblé toutes les connaissances que nous avons trouvées et cela nous a aidés à définir cette persona utilisateur :
AGE
36
EMPLOI
Instituteur
STATUT
Marié
VILLE
La Séauve-sur-semène
"J'aime rassembler les gens autour d'événements conviviaux."
New to forming association, clueless on needed docs.
Hates paperwork, loses patience fast.
Short on cash, reluctant to spend on association setup.
Loves cinema, eager to unite locals, no cinemas nearby.
He wants to be reassured about the steps to follow.
Eager to launch association quickly.
Le parcours utilisateur
En comprenant le parcours utilisateur lors de la création d'une association, nous avons construit le parcours utilisateur de Charles-l'engagé :
L'énoncé du problème
La phase d'idéation
To find ideas of features, we used the Crazy 8s and the Round Robin methodologies. This allowed us to prioritise the key features for this redesign project:
Onboarding screens
More simplified buttons
Automatic saving
State indicators
Global progress bar
Encouraging message
Visibility on the next steps
Les maquettes
Nous avons commencé à tester le concept du formulaire que nous avions imaginé. Nous l'avons présenté à 5 utilisateurs qui ont principalement fait des commentaires sur cet écran :
Dois-je créer un compte?
Tenant compte des retours, nous avons conçu le wireframe moyenne-fidélité et l'avons testé de nouveau avec 5 utilisateurs. Cette fois, la page suivant le téléchargement des documents a reçu le plus de commentaires :
Je trouve que l'illustration est un peu vieillotte
Pas de visibilité sur le nom des étapes
Design très formel
Choix des couleurs perturbant
Message d'encouragement
Facilité de souscription
Visibilité claire sur les étapes
Design engageant
"Plus d'informations" pas assez visible
Cette analyse nous a permis d'affiner les éléments que nous souhaitions inclure dans la refonte. Nous avons décidé de moderniser les boutons primaires, d'introduire des illustrations pour rendre le formulaire plus chaleureux et d'intégrer une barre de progression avec des messages encourageants pour rendre le formulaire plus convivial.
Le résultat
Voici la démo de ce à quoi nous sommes arrivés après tout le processus de réflexion sur la conception : des écrans de démarrage pour informer les utilisateurs de ce à quoi s'attendre, une interface plus propre avec moins d'étapes, une meilleure visibilité sur la complétion du formulaire, et des messages encourageants pour remplir le formulaire plus rapidement.
Entrons en contact
Made with ❤️ and 💦
Mathilde Sampré© 2025 . All rights reserved.
I'm proud this website has an eco index of 82/100