Découvrir assoconnect Essai gratuit

Comment structure le site internet de votre Association

Vous savez maintenant ce que vous souhaitez faire dans la création de votre site internet : vous avez identifié les destinataires et objectifs principaux de votre site et analysé votre environnement.

Il est temps de construire une structure claire et répondant aux besoins de vos utilisateurs.

La structure est primordiale, c’est elle qui rend la navigation sur votre site plus ou moins intuitive pour vos destinataires.

La structure d’un site internet comprend :

Schéma de la structure d'un site associatif

assoconnect site internet association structure

L’arborescence du site internet de votre association

La majorité des sites contiennent une page d’accueil, un menu avec des sections principales et des sous sections.

L‘arborescence d’un site est la manière dont vous organisez ces différents éléments, c’est le schéma de votre site.

Il faut construire l’arborescence de votre site en fonction de vos principaux destinataires, et leur faciliter le travail.

Exemple : site avec un destinataire unique

Si les adhérents potentiels de votre association sont votre destinataire unique, il faudra construire le site en fonction.

Votre site pourrait donc avoir l’arborescence suivante :

Exemple : site associatif avec un destinataire unique

Exemple : site avec plusieurs types de destinataires

Si votre site est destiné à plusieurs utilisateurs types, optez pour un menu structuré de la sorte que chacun de vos utilisateurs cibles puisse trouver rapidement chaussure à son pied en arrivant sur le site.

Structure d'un site associatif avec plusieurs destinataires

Cas pratique : la structure du site internet de la Croix Rouge

Cas pratique : site internet de la Croix Rouge

www.croix-rouge.fr

Cas pratique : structure du site de la croix rouge

Les bonnes pratiques de l'arborescence

assoconnect site internet association structureRestez simple. D’une manière générale, restez simple dans le choix de votre structure.

En cas d’hésitation, prenez toujours la solution la plus simple et la plus évidente.

En voulant faire compliqué, vous risquez de perdre vos utilisateurs.

Conseil : Pour un message clair, optez pour un menu composé de 6 grandes rubriques maximum, et de 2 niveaux de menus (menu et sous-menus).

assoconnect site internet association structurePensez utilisateurs.

En tant qu’association, il est dans votre intérêt que vos destinataires puissent trouver rapidement ce qu’ils cherchent.

Mettez vous donc à leur place ! En combien de clics trouvent-ils l’information qui les intéresse ?

assoconnect site internet association structureFaites parler vos menus.

Les intitulés de vos menus doivent être évidents.

A la lecture du menu, l’utilisateur doit deviner intuitivement ce qui se cache derrière chaque section.

Appelez donc un chat… un chat.

Si une rubrique concerne toutes les personnes souhaitant adhérer, alors appelez votre rubrique « adhérer ».

Faites parler vos menus - site associatif

assoconnect site internet association structureMettez en valeur les éléments importants.

Si l’un des objectifs principaux de votre site est de collecter plus de dons, mettez-le en avant.

La page de don doit être accessible dès la page d’accueil ou comme intitulé d’un menu.

Plus une information est enfouie loin dans votre site, moins elle sera efficace.

assoconnect site internet association structure

Représentez votre arborescence de manière schématique.

Faites un schéma de votre arborescence, sans les éléments de design. Cela vous aidera à y voir plus clair.

assoconnect site internet association structure

Le haut de page du site internet de votre association

haut de page site pour association

Le haut de page est une zone importante de votre site. C’est la zone que l’utilisateur voit en premier en arrivant sur votre site.

Vous pouvez y renseigner plusieurs informations qui structurent votre site et rendent la navigation des internautes plus efficace.

Voici les informations qu’on retrouve fréquemment dans le haut de page :

assoconnect site internet association structure

Le message / l’objet de votre site (important) : Faîtes apparaître le logo et l’objet de votre association.

De cette manière la personne qui arrive sur votre site comprend en un coup d’œil votre projet.

Site internet Montagne et partages

www.montagne-et-partage.com

assoconnect site internet association structureDes boutons d’accès à des sections particulières pour certains types d’utilisateurs qui ont un besoin trop spécifique et/ou moins stratégique.

Site internet Protection civile de Paris

www.protectioncivile.org

assoconnect site internet association structure

Le Call to Action : nous parlerons de cet élément un peu plus bas.

assoconnect site internet association structureNewsletter : Si votre site internet a pour objet principal de diffuser du contenu à caractère informatif (Association de Défense des Droits par exemple), insérez un bouton d’inscription à la newsletter. Les internautes pourront s’y inscrire à tout moment .

assoconnect site internet association structureRéseaux sociaux : Pour faire grossir votre communauté de fans, followers, ou autres, insérez des liens vers vos réseaux sociaux

Conseil : Votre haut de page doit avoir une hauteur maximale de 700 px.

Sinon, l’utilisateur ne verra pas forcément qu’il y a du contenu en dessous de ce haut de page.

assoconnect site internet association structure

Le bas de page du site internet de votre association

Bas de page site pour associaiton

Le bas de page est la zone qui se trouve tout en bas de votre site. Cette zone est identique pour l’ensemble de votre site.

L’intérêt du bas de page

Le bas de page a aussi son importance dans la structuration de votre site.

En règle générale, l’internaute consulte le bas de page lorsqu’il cherche une information et qu’il ne la trouve pas directement ailleurs.

Les informations qu’on retrouve généralement dans le bas de page :

Les informations légales : conditions générales d’utilisation, licences, statuts de l’association, et autres informations juridiques

Les informations pratiques : les informations de contacts, le plan d’accès,…

Les liens vers les pages partenaires : Si vous avez des partenaires stratégiques, n’hésitez pas à mettre un lien dans votre bas de page (en complément d’une page dédiée)

Les autres outils de communication : vous pouvez mettre également plusieurs informations telles que les liens vers vos réseaux sociaux, ou une zone d’inscription à votre newsletter.

assoconnect site internet association structure

Le Call To Action sur votre site internet

Vous trouverez ici un article complet sur l'intêret du Call to Action.

Exemple de structures de navigation

Vous en savez désormais plus sur les grandes règles de la structure de navigation d’un site internet associatif.

Vous trouverez ci-dessous plusieurs pistes / exemples de structures.

Exemple de structure de site associatif

Exemple de structure de site associatif

Exemple de structure de site associatif

Téléchargez gratuitement le guide complet pour créer le site internet de votre association

Nouveau call-to-action