Créer un site internet pour une association [Étude de cas]

Les associations font partie des structures que je prends grand plaisir à accompagner pour concevoir ou améliorer leur site web. Je vous guide ici dans les différentes étapes à franchir pour arriver à créer ou améliorer un site existant pour une association.

Chaque section sera illustrée par une étude de cas, celle de l’association politique Solution Démocratique dont je me suis chargée de la création du site web (en collaboration avec une graphiste bénévole, Claire, que je remercie grandement !).

C’est toujours plus parlant avec un exemple concret !

Cela vous permettra d’identifier les bonnes questions à vous poser avant de vous lancer dans la création de votre site internet (ou de déléguer) et de savoir comment concrètement vous y prendre une fois vos objectifs précisés.

*Les liens notés d’une astérisque sont affiliés. Ils renvoient uniquement à des produits ou services que j’utilise avec satisfaction pour mes propres sites.

Contexte : se poser les bonnes questions avant de créer son site

Trop souvent, on fonce tête baissée dans la création de son site sans s’être posé cette question cruciale : à quoi va me servir mon site ? Le plus souvent, on ne cherche pas à faire simplement un site « pour faire joli ».

On a une idée derrière la tête, plus ou moins précise.

Voici les objectifs les plus fréquents qu’ont les associations en créant leur propre site :

  • recueillir des dons ;
  • permettre aux gens d’adhérer en remplissant ou imprimant un formulaire ;
  • faciliter les inscriptions à des activités ;
  • recruter des bénévoles ;
  • informer sur les actions passées et futures les sympathisants ou adhérents ;
  • sensibiliser à une cause ;
  • se faire connaître des journalistes pour passer dans les médias ;
  • créer un lieu d’échange entre adhérents (forum) ;
  • être contacté ;
  • trouver des partenaires, etc.

Je vous conseille à la fois de réfléchir à vos objectifs, mais aussi à les hiérarchiser en vous posant la question suivante :

Quelle est LA chose que j’aimerais que fasse chaque visiteur idéalement qui vient sur mon site, avant qu’il n’en parte ?

Connaître la réponse à cette question vous aidera vraiment à savoir quoi mettre sur votre site, et comment le structurer.

Si votre association comporte des membres du bureau bénévoles ET des salariés, pensez à recueillir l’avis de représentants de ces deux mondes, car ils peuvent avoir des visions différentes, complémentaires et pertinentes.

Étude de cas : pour Solution Démocratique, nous avons identifié 3 objectifs prioritaires :

1/ collecter des dons en argent pour payer les frais obligatoires des partis politiques s’élevant à plusieurs milliers d’euros par an ;

2/ générer des adhésions via un formulaire en ligne pour montrer que les Français sont nombreux à défendre cette cause ;

3/ collecter des adresses e-mail pour rester en lien avec les personnes sensibles au sujet.

Nous avons également identifié une cible principale à qui s’adressait le site : les citoyens ordinaires, et des cibles secondaires : les députés et sénateurs, les journalistes et les maires.

Le site est structuré pour inciter ses visiteurs à effectuer les actions souhaitées par l'association, que ce soit en version mobile ou sur ordinateur : des boutons incitent à adhérer, s'inscrire à la newsletter ou faire un don. Capture d'écran du site internet
Le site est structuré pour inciter ses visiteurs à effectuer les actions souhaitées par l’association, que ce soit en version mobile ou sur ordinateur : des boutons incitent à adhérer, s’inscrire à la newsletter ou faire un don.

Solutions : les outils et stratégies à mettre en place

Une fois que vous avez identifié les principaux objectifs avec votre site web, vous pouvez vous lancer dans la conception.

Ayez aussi en tête le budget que vous pouvez consacrer à votre site :

  • 0 € à la création et 0€/an en maintenance : je vous recommander de réaliser votre site sous WordPress.com* qui vous propose de créer un site gratuit moyennant l’affichage de publicités discrètes. Il existe des dizaines d’alternatives ;
  • une dizaine d’euros/mois : vous pourrez envisager un hébergeur payant sans publicité comme Infomaniak* ou OVH, mais vous devrez faire votre site vous-même ;
  • votre budget est supérieur à 1000€ : vous pouvez envisager de déléguer la création de votre site à un professionnel. Une fois le site conçu, le site vous coûtera moins de 100€ par an si vous gérez vous-même la maintenance (ce à quoi votre prestataire peut vous former). Voir aussi : combien coûte la création d’un site internet par un professionnel ?

Choix de l’hébergeur

L’hébergeur, c’est là où vous allez stocker toutes vos données : photos, textes de votre site. Et c’est depuis cet endroit que sera diffusé sur le web votre site.

L’hébergeur influence directement la vitesse, la sécurité et la disponibilité de votre site. Optez pour un hébergeur réputé offrant des sauvegardes régulières, un bon support client et une infrastructure performante pour des performances optimales.

Je vous recommande Infomaniak* (Suisse) ou OVH (France), ce dernier étant plus dur à prendre en main.

Étude de cas : nous avons choisit Infomaniak.

Choix du nom de domaine

Le nom de domaine, c’est ce que les internautes vont taper dans leur navigateur pour aller sur votre site : la partie après https://www.

Votre nom de domaine doit être simple, mémorable et être en lien direct avec le nom de votre association. Pensez aussi aux extensions (ex. : .fr, .com) en fonction de votre public cible et du contexte, mais aussi de leur disponibilité.

Il faut donc que le nom de domaine soit disponible : cela vous sera indiqué quand vous essayez de le réserver. En général, on prend son nom de domaine chez son hébergeur.

Notez que si vous n’avez aucun budget à consacrer à votre site, vous pouvez passer par WordPress.com* (ou d’autres sites similaires comme Wix), mais vous n’aurez pas accès à un nom de domaine personnalisé.

Étude de cas : nous avons choisit solutiondemocratique.fr : l’extension en .fr était logique veut l’objet de l’association (instaurer la démocratie directe en France). C’était plus rapide de se rappeller de cette écriture qu’en rajoutant par exemple un tiret entre les deux mots.

Architecture du site : UX Design, ergonomie

L’architecture de votre site doit guider intuitivement les utilisateurs vers les actions que vous attendez d’eux. Assurez-vous que la navigation est claire, les boutons d’action visibles.

Et surtout, vérifiez que ce soit clair sur smartphone, car aujourd’hui, 7 internautes sur 10 visitent des sites internet depuis leur smartphone plutôt que leur ordinateur.

Étude de cas : tout le site a été pensé pour inciter les visiteurs à passer à l’action et ne pas se contenter de consommer le contenu. Nous avons privilégié la sollicitation pour les dons, les adhésions, et l’abonnement à la newsletter.

Sur toutes les pages du sites, nous avons positionné à des endroits visibles et avec des contrastes marqués des boutons pour inciter aux actions que nous souhaitons provoquer : adhérer, s'abonner à la newsletter ou donner
Sur toutes les pages du sites, nous avons positionné à des endroits visibles et avec des contrastes marqués des boutons pour inciter aux actions que nous souhaitons provoquer : adhérer, s’abonner à la newsletter ou donner

Nous avons également créé des landing-pages (pages d’atterrissage) s’adressant à des personnes spécifiques. Sans haut et bas de page pour inciter à rester sur la page et à passer à l’action.

Aperçu du site responsive et sur ordinateur. Exemple de page d'atterrissage (landing-page) : cette page du site cible uniquement les maires, et l'association ne s'adresse pas de la même façon à eux, car elle ne propose pas la même choses aux élus qu'aux citoyens. Elle les incite plutôt à demander à un rendez-vous ou à en savoir plus sur l'association. Les bandeaux de haut et bas de page ont aussi été supprimées sur ces pages spécifiques pour inciter les internautes à effectuer les actions qu'on souhaite qu'ils fassent.
Exemple de page d’atterrissage (landing-page) : cette page du site cible uniquement les maires, et l’association ne s’adresse pas de la même façon à eux, car elle ne propose pas la même choses aux élus qu’aux citoyens. Elle les incite plutôt à demander à un rendez-vous ou à en savoir plus sur l’association. Les bandeaux de haut et bas de page ont aussi été supprimées sur ces pages spécifiques pour inciter les internautes à effectuer les actions qu’on souhaite qu’ils fassent.

Graphisme et esthétique du site

L’apparence visuelle d’un site influence ce qu’on pense de vous et peut renforcer l’engagement des visiteurs.

Optez pour une identité visuelle en accord avec les valeurs de votre association, tout en assurant une expérience agréable et cohérente.

Étude de cas : nous avons conçu une identité visuelle (logo, charte graphique) pour évoquer un site institutionnel, mais avec plus de fraîcheur et modernité. Nous avons choisit du bleu en teinte principale pour rappeler la France, mais aussi le orange, couleur chaude (contrairement au bleu, froid) et qui évoque le refus du clivage droite-gauche en politique. Les polices et le logo ont été choisis pour leur fluidité et rondeur, rappelant le « juste-milieu » que l’association souhaite incarner.

aperçu du logo de l'association
Logo de l’association, décliné en plusieurs couleurs pour qu’il s’adapte à des couleurs d’arrière-plan différentes sur le site

Création de contenu

Une fois que vous avez déterminé la structure globale du site, il faut construire tout son contenu, qui tourne généralement autour :

  • missions de votre association,
  • de son histoire,
  • des services ou activités qu’elle propose,
  • ou encore de son actualité.

Vous pouvez créer une section blog ou actualité : créer des articles dans ces sections de manière régulière est un des moyens de montrer aux algorithme des moteurs de recherche (Google, Bing, Duckduckgo, Ecosia, etc.) que votre site est actif, et de le faire remonter dans les résultats des moteurs de recherche (= référencement naturel). Demandez-vous bien si vous aurez le temps de créer régulièrement du contenu pour ces parties du site (ou de payer quelqu’un pour le faire), car sinon, mieux vaut s’en passer.

Vous devrez aussi créer des formulaires d’adhésion ou de contact, ajouter des photos, des liens de contacts ou vers vos réseaux sociaux, etc.

Il n’y a pas de nombre de pages minimal ou maximal : des sites vitrine d’une seule page peuvent être adaptés à une association, tout comme des sites de plusieurs centaines ou milliers de pages par exemple pour certaines ONG.

Le contenu doit aussi être créé en prenant en compte la façon dont les gens lisent et se documentent sur internet : il ne faut pas écrire comme si on écrivait par exemple un roman, ou un article pour la presse papier. Vous devez aussi insérer des informations qui permettront aux moteurs de recherche de bien comprendre le contenu de votre site : ajouter des liens internes pertinents entre les pages sur les bons mots clés, ajouts de balises et de code spécifique, etc.

Étude de cas : nous avons ajouté de nombreuses pages à destination des différents publics (élus et citoyens), une section FAQ, des articles éducatifs faits pour attirer des gens sur le site via les moteurs de recherche, des formulaires en ligne spécifique, une section dédiée aux journalistes, etc.

Mentions légales et RGPD

Différentes lois régissent le contenu que l’on a le droit ou l’obligation de mettre sur tout site internet. Selon où est le siège social de votre association, son statut et son secteur d’activité, ces obligations seront différentes.

Il faut en général a minima ajouter une page mentions légales qui donne l’adresse de votre hébergeur, le nom et le contact du responsable de publication du site (généralement le président de l’association) et votre politique de confidentialité des données, si vous en recueillez via des formulaires par exemple. Vous devrez aussi le cas échéant ajouter une bannière informative indiquant l’utilisation de cookies.

Étude de cas : l’association Solution Démocratique est un parti politique. La loi est très exigeante concernant ce qu’un parti a le droit de dire et faire notamment en ligne. Il a donc fallu ajouter de nombreuses mentions légales, et il a été impossible de passer par certains outils gratuits et pratiques (comme ceux proposés par Helloasso, que je vous recommande pour la gestion des dons et adhésions) du fait de ces contraintes légales.

aperçu des mentions légales pour une association
Selon le statut de votre association, vous devrez indiquer des mentions légales sur certaines pages du site en plus de la page Mentions légales dédiée, qui doit être accessible depuis toutes les pages du site (y compris les pages d’atterrissage).

Autres leviers marketing : mailing, réseaux sociaux, fiche établissement, etc.

Lorsqu’on crée un site, il faut aussi se demander : comment les gens vont connaître l’adresse de mon site, comment je vais les envoyer dessus ? C’est ce qu’on appelle le « marketing digital » ou l’acquisition de trafic. Qui peut aussi être faite « dans la vraie vie », par exemple en imprimant et distribuant des flyers renvoyant via un QR code vers votre site.

Certains prestataires en création de site web (comme c’est notre cas) peuvent vous accompagner en marketing digital.

Différentes stratégies peuvent être mises en place selon votre secteur d’activité, vos préférences personnelles, votre budget ou le temps que vous êtes prêt à y passer, ce que font des associations similaires ou « concurrentes », etc.

Étude de cas : nous avons activé de nombreux leviers de marketing digital et physique : création de contenus sur les réseaux sociaux (Twitter, LinkedIn, Mastodon, TikTok, Facebook, Instagram, Youtube), mise en place d’une newsletter substack, création d’une fiche établissement Google, stratégie d’e-mailing de prospection, distribution de flyers, création de liens depuis d’autres sites vers notre site, optimisation pour les moteurs de recherche (SEO) via la création d’article pour le site, etc.

Aperçu du compte TikTok de l'association : 3000 abonnés en 3 mois. Les vidéos et le compte ont été optimisés pour attirer depuis le réseu social vers le site de l'association, et inciter à s'abonner à la newsletter pour rester en contact en dehors de la plateforme. Une stratégie similaire a été mise en place sur les autres réseaux sociaux, en adaptant le contenu aux codes de chacun?
Aperçu du compte TikTok de l’association (au 9 novembre 2024) : 3000 abonnés en 3 mois. Les vidéos et le compte ont été optimisés pour attirer depuis le réseau social vers le site de l’association, et inciter à s’abonner à la newsletter pour rester en contact en dehors de la plateforme. Une stratégie similaire a été mise en place sur les autres réseaux sociaux, en adaptant le contenu aux codes de chacun.

Suivi des performances

La plupart des hébergeurs de sites web n’intègrent pas d’office des outils permettant de suivre le trafic sur votre site. Il faut pour cela ajouter des plug-ins sur votre site (= des sortes de logiciels intégrés dans l’arrière-boutique du site).

C’est important si vous souhaitez suivre l’impact de votre site : est-ce que beaucoup de gens viennent dessus ? Elles ce qu’ils font les actions que vous aimeriez qu’ils fassent ?

Étudier ces statistiques au moins une fois par mois semble adapté.

Étude de cas : nous avons installé la GoogleSearchConsole (pour étudier le trafic en provenance de Google) et Google Analytics (pour étudier toutes les sources de trafic et le comportement des internautes sur le site). Nous surveillons le trafic et ajoutons nos actions en référencement naturel plusieurs fois par semaine.

Impact : les résultats auxquels s’attendre pour son site web

Une fois votre site construit et mis en ligne, il est intéressant de faire de temps en temps un point sur son évolution :

  • est-ce que le contenu et l’arborescence du site est toujours adapté ?
  • Est-ce que le site vous permet de remplir les objectifs que vous aviez listés ? Si oui, comment aller encore plus loin ? Si non, comment l’ajuster ?

Étude de cas : voici l’évolution de Solution Démocratique 3 mois après le lancement de l’association et la mise en ligne du site, au regard des objectifs fixés (recueillir des dons, des adhésions et des abonnés à la newsletter, tout cela transitant uniquement via le site web) :

250 adhérents (adhésions payantes à 10€) ;
– plus de 6000 € de dons (incluant les adhésions) ;
575 abonnés à la newsletter.

Tout cela pour un peu plus de 5 000 visiteurs uniques sur le site.

trafic sur le site internet de l'association
Aperçu des statistiques du site de l’association depuis Google Analytics, et provenance des visiteurs sur le site. En majorité, ils viennent en tapant directement le nom du site dans leur navigateur (ou en y accédant en favori). Puis par les réseaux sociaux et les moteurs de recherche.

J’espère avec cet article vous avoir donné un bon aperçu des étapes auxquelles penser et des stratégies à utiliser pour concevoir le meilleur site possible pour votre association ! Si vous souhaitez que je vous accompagne dans ce projet, vous pouvez consulter mon offre en création de site internet sur-mesure et optimisé (à partir de 1 500€ HT). Bonne création à vous !

nelly darbois consultante et rédactrice wikipédia

Rédigé par Nelly Darbois

Localisée en Savoie, je suis passionnée par le web. À côté de mon activité principale de consultante et rédactrice Wikipédia et de l’édition de mes propres sites web, je créé depuis Chambéry des sites internet optimisés pour leur référencement pour les entreprises et institutions dont les projets me parlent.

Retour en haut