Association : Comment créer un site internet en 5 étapes ?

Un peu de numérique dans votre association ?

Découvrez HelloAsso

Premier canal de communication web devant les réseaux sociaux, un site internet est un outil incontournable pour une association loi 1901 qui souhaite communiquer. D’ailleurs, en 2019, 71% des organisations associatives déclarent disposer d’un site qui leur est propre, contre 69% en 2013. C’est ce qui ressort d’une étude menée et publiée par Solidatech et Recherches & Solidarités en 2019. En tout cas, la création d’un site web n’est pas une démarche à prendre à la légère. Et ce, que vous sollicitiez l’aide d’un professionnel ou que vous vous lanciez vous-même dans la conception de votre site. En effet, il convient avant de se lancer de suivre un certain nombre d’étapes pour clarifier son projet. Découvrez alors dans cette rubrique comment créer un site internet en 5 étapes.

Étape 1 : Définir ses objectifs et son budget

Comme mentionné plus haut, un site web est un support de communication d’une grande importance pour une association 1901. De fait, il permet d’optimiser sa visibilité, se faire connaitre, partager ses valeurs, diffuser ses projets, et financer une partie de son activité grâce, en autre au relais d’une collecte de fonds ou un appel aux dons. Il a l’avantage également d’attirer des bénévoles, de potentiels donateurs et partenaires, des usagers ou de nouveaux adhérents. Ainsi, pour ne rien rater de la conception du site de votre organisme associatif, vous devez avant toute chose définir vos objectifs.

Pourquoi souhaitez-vous créer un site internet ?

Effectivement, les besoins et les enjeux diffèrent suivant qu’il s’agit d’une structure déjà existante et d’une organisation en formation. Par exemple, pour une association en formation, il est préférable de commencer en douceur par quelques pages de contenus présentant l’association, les bénévoles, les actions en cours, etc. Nous vous conseillons d’attendre les réactions des premiers visiteurs avant de vous lancer dans la conception d’un site avec plus de fonctionnalités (un module de paiement, ou un service de réservation par exemple).

Quelles compétences techniques sont à votre disposition ?

Avant de consulter une agence web, ou un freelance, il est recommandé pour les petites structures associatives de questionner son entourage proche : le bureau, le CA, ses membres, ou même ses bénévoles. Toutefois, avant de s’engager dans la création de son site internet avec ses bénévoles, il est recommandé de répondre à toutes les questions suivantes. Qui plus est, de nos jours, des plateformes de création de site internet nécessitant peu de compétence techniques existent et proposent même des solutions gratuites adaptées aux associations.

Quelle sera sa fréquence de mise à jour ? et qui sera en charge de cette partie ?

Accompagné par un professionnel du secteur ou une solution « clé en main » cette question reste cruciale. En effet, si vous choisissez une solution trop technique, sans vous être posé la question de sa mise à jour, vous pourriez vous retrouver en l’espace de peu de temps avec un site à l’abandon.

Quelle(s) fonctionnalité(s) le site doit-il- comporter ?

A ce stade de la création de votre site, il est important de noter toutes vos idées ainsi que, si cela est pertinent pour votre structure, celles de vos membres en passant par un sondage par exemple.

Une fois toutes ces idées notées et les questions ci-dessus et dessous répondues, vous pourrez définir les fonctionnalités à installer et celles à repousser lors d’une évolution de site.

Exemple de fonctionnalités possibles :

  • contacter l’association
  • galerie photo
  • inscription à la newsletter
  • réservation de cours/ événement
  • « bouton don »
  • formulaire de paiement pour un produit/ service…

Quel budget pour créer son site web associatif ?

Bien évidemment, la détermination du budget joue également un rôle majeur dans le cadre de la création du site web de votre association. Aussi, selon vos objectifs, vous devez prévoir notamment les frais de développement, de référencement et d’hébergement. Pour la construction du site proprement dit, vous pouvez parfaitement bien compter sur une agence web, un freelance ou des bénévoles. Dans la même optique, des solutions gratuites existent pour la création d’un site internet associatif. Outre WordPress et Framasite (service de l’association Framasoft), vous avez la possibilité de passer par une offre de site web préinstallé SiteW, Google Sites, Stringkly ou Wix. Veillez néanmoins à analyser les avantages et les inconvénients de chaque solution avant de faire votre choix.

Dans tous les cas, le cout d’une conception de site internet varie en fonction du :

  • Temps nécessaire à sa réalisation
  • Niveau de personnalisation souhaité
  • Type de prestataire choisi

Étape 2 : Rédiger le cahier des charges

L’établissement d’un cahier des charges précis est essentiel pour bien baliser le projet de création de votre site web associatif. Cette étape doit même s’opérer avant de la comparaison des offres des prestataires. Cela facilitera en tout cas les tâches des graphistes, codeurs et référenceurs. Il convient alors que votre cahier des charges mentionne les éléments suivants.

Le nom de domaine

Le nom de domaine tient une place importante pour la visibilité et le référencement de votre site internet associatif. C’est pourquoi il est crucial de bien le choisir et éviter un nom de domaine qui n’est plus disponible ou impossible à mémoriser. Pour s’en assurer, il suffit de passer par l’outil de vérification en ligne de l’Association Française pour le Nommage Internet en Coopération (Afnic). Par ailleurs, il est intéressant de louer un nom de domaine avec plusieurs extensions : « .org », « .fr » et « .com ».

La description du graphisme

Vous devrez préciser en détail toutes les idées graphiques et ergonomiques de votre site web associatif. Codes couleur, logo, charte graphique, structure du site, animations…, il ne faut rien oublier. En termes d’ergonomie web, privilégiez une démarche tournée vers les utilisateurs (UI et UX). Ainsi, la maquette fonctionnelle (wireframe) et la navigation doivent répondre aux publics cibles (membres, volontaires, donateurs, mécènes…).

Le contenu du site

Il s’agit ici de définir l’arborescence du site et de lister les pages, rubriques et sous rubriques qui y apparaitront. Pensez d’ailleurs à présenter ces diverses composantes avec une courte description. Il est même recommandé de rédiger les textes et de préparer le contenu du site avant de donner le cahier des charges au prestataire.

La description technique

Cette partie doit lister l’ensemble des fonctionnalités qui n’ont pas été énumérées avec la présentation des pages de votre site internet. À l’instar du formulaire de contact, module de recherche, diaporama avec visuel optimisé…

Étape 3 : Le choix de son hébergeur et de sa solution technique de publication

Comme tous les sites web, le site de votre association requiert également un espace d’hébergement. Pour cela, vous n’avez qu’à louer un serveur auprès d’un hébergeur. Gandi, OVH, OnetoOne…, c’est selon vos attentes, vos exigences et votre budget. En ce qui concerne la solution technique de publication, vous avez généralement le choix entre :

  • Un CMS auto-hébergé (SiteW, e-MonSite, Wix…)
  • Un CMS libre à installer (WordPress, Joomla, Drupal, etc.) (des compétences techniques sont nécessaires)

Il va sans dire que le choix de votre solution technique doit tenir compte de vos besoins. Mais, comme votre site web met en jeu la crédibilité de votre association, vous devez bien évaluer les atouts et les défauts de chaque système de gestion de contenu (Content Management System). Prêtez surtout une attention particulière à la manière dont il structure, manipule et exploite le contenu. Sans oublier le socle technique, la politique de sécurité et la gestion des utilisateurs.

Pour info, un CMS est un outil Open Source (gratuit) qui permet de gérer un site internet de manière assistée (grâce à un panneau d’administration) sans avoir à programmer.

Étape 4 : Conception graphique, développement et intégration

Une fois vos objectifs définis et votre cahier des charges rédigé, le programmeur et le web designer vont pouvoir s’attaquer à la création du site. Pendant la phase de conception graphique, le graphiste (ou l’équipe graphique) s’occupe de mettre au point la maquette du site internet de votre association loi 1901. Cette étape constitue en quelque sorte la concrétisation visuelle de vos attentes, mais aussi aux expectatives esthétiques et fonctionnelles de votre public cible. En d’autres termes, elle donne une réelle impression d’avancement du projet.

Dès que les graphistes bouclent leurs tâches et approuvent les fichiers graphiques, ils les transmettent aux développeurs pour l’intégration web. Durant ce processus, les programmeurs se chargent du développement du site en transformant les maquettes graphiques en page html. Et cela, par l’intermédiaire des lignes de programmation en CSS (définition des coloris) et HTML (structuration des pages). C’est également au cours de cette étape qu’ils procèdent généralement à la création des animations de votre site web associatif. De même, ils se chargent de rendre le site responsive, c’est-à-dire compatible avec d’autres supports (tablettes et smartphones).

Étape 5 : Conception de site internet d’association : l’importance d’un bon référencement

Pour assurer et maintenir la visibilité de votre site internet, et donc de votre association sur les moteurs de recherche, développez votre identité sur le web par un bon référencement. En effet, un site doit générer du trafic pour gagner en visibilité et en reconnaissance. Plusieurs options s’offrent alors à vous :

En tant que ligne rédactionnelle pour l’ensemble de votre site, les mots-clés principaux impactent aussi le référencement. Ainsi, pour les définir correctement, il convient de prendre en considération votre situation géographique, domaine d’activité, identité (nom, slogan, logo…) et projet.

Conseils pour la création de votre site web

1) Instaurez des jalons

Afin de limiter toute mauvaise surprise à la livraison de votre site, il est recommandé d’effectuer des validations à la fin de chaque étape structurante. Une de ces étapes peut être la forme globale de votre site sans le contenu textuel par exemple : la construction du site (menu, onglets, etc.), la disposition des encarts et des informations à venir, etc. L’objectif est de valider les éléments clés afin de ne pas perdre de temps et d’énergie, que ce soit du côté de l’équipe technique que du bureau associatif.

Pour cela, en amont du projet, n’hésitez pas à définir avec les équipes techniques des Jâlons. Ces Jâlons représentent les étapes clés et induisent des points d’aller/ retour entre le bureau et un ou plusieurs représentants de l’équipe en charge de la création du site. Ainsi, lorsqu’un Jâlon est validé, ni l’équipe technique, ni le bureau associatif ne revient dessus et toutes les parties prenantes peuvent se consacrer sur le Jâlon suivant.

2) Une équipe de validation réduite

La création d’un site peut prendre moins de 5 minutes, comme plus de 6 mois. Nous vous conseillons de nommez 2 représentants du bureau qui suivront le projet de près et seront réactifs à toutes questions des intervenants techniques. En tant que représentants, ils doivent s’assurer que l’avancement suit bien le planning prévu et ils représentent le point de contact entre l’équipe technique et l’équipe associative. Ces personnes concentrent les demandes d’une part, et harmonisent et synthétisent les retours de l’autre. Leur objectif et de faire avancer la création du site par le biais d’échanges clairs et assez concis tout en s’assurant que les validations transmises sont bien définitives et validées par les bonnes personnes.

Gagnez du temps dans la gestion de votre association, découvrez les outils HelloAsso

Nous vous recommandons aussi

Les associations et les clubs ont enfin leur newsletter !

Vous souhaitez savoir ce qui se dit dans le monde associatif ? Ne perdez pas le fil !
Chaque mois, l’équipe HelloAsso vous sélectionne un condensé des actualités du secteur.