Bertrand Flaujac
Le 3 décembre 2015
icoShare32Grey
Recevez une fois par mois l'actualité des associations
icoCross16Dark

Comment construire les pages de votre site associatif ?

Vous êtes en train de refondre le site internet de votre association. 

Vous avez défini la structure de votre site et collecté le contenu que vous souhaitiez y mettre. 

Nous allons maintenant voir comment structurer vos pages pour que votre contenu soit mis en valeur. 

 

La règle d'or : hiérarchisez l’information ! 

 

Vos pages doivent être claires ... comme de l’eau de roche. Et pour cela, une bonne hiérarchisation de l’information s’impose.

Respectez une “hiérarchie visuelle” sur l’ensemble de vos pages : sur votre page, vous souhaitez que les utilisateurs voient certaines informations en premier, puis d’autres dans un second temps.

Il y a encore d’autres informations qui sont moins importantes, mais nécessaires pour les personnes souhaitant aller plus loin.

 

 

3 modèles performants de pages 

 

Modèle 1 : les pages de type top-down

 

page de type top down

Page très efficace lorsque vous souhaitez raconter une histoire (storytelling), que vous souhaitez que l’utilisateur balaye rapidement la page jusqu’à ce qu’il passe à l’action en cliquant sur votre bouton en bas de page. 

Conseil : Si vous partez sur une telle option, épurez votre contenu au maximum. 

 

 

Modèle 2 : les pages avec plusieurs options

 

pages avec plusieurs options

Privilégiez ce genre de structure quand vous laissez à l’utilisateur plusieurs options. 

Exemple : vous collectez des dons pour plusieurs projets. Laissez l’utilisateur choisir parmi ces différents projets

 

 

Modèle 3 : les pages de type Landing Pages

 

page de type landing page

Page ayant pour but de pousser l’utilisateur à l’action. Elle est efficace dans le cadre d’une campagne d’adhésion par exemple.  

Elle doit contenir certains éléments :

- Le message principal avec un call to action 

- Une image/vidéo illustrant votre message principal

- Les avantages liés au passage à l’action

- Les preuves sociales de votre action

 

Les maquettes (« mock-up ») : un outil pour hiérarchiser l’information de vos pages

 

Pour bien concevoir vos pages, nous vous conseillons de réaliser des maquettes.

Les maquettes fonctionnelles représentent de façon visuelle les éléments qui sont sur une page (titre, images, vidéos, textes, boutons,..), leurs emplacement et leurs tailles.

Elles permettent de se poser les bonnes questions.

Les maquettes n'ont pas besoin d'être parfaites, elles sont davantage des bases de discussion avec votre équipe et un moyen très flexible de tester différents agencement de page.

 

Exemple de mockup

C'est une étape primordiale : si vous passez directement au design, chaque modification ou oubli d'éléments vous prendra beaucoup plus de temps !

Les outils pour concevoir vos maquettes

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

Designed by Freepik

Découvrez davantage d'articles sur ces thèmes :
Site internet
cta

Besoin d'un logiciel complet ?

Sur AssoConnect, tous vos outils de gestion et de communication sont centralisés en un seul endroit.

Tester gratuitement
0 commentaire(s)
Aucun commentaire pour le moment.
Consultez également
Pourquoi votre association ne peut pas se passer d’un « call to action » ?

Pourquoi votre association ne peut pas se passer d’un « call to action » ?

Qu’est ce qu’un « call to action » ? Un call to action, c’est le bouton de votre site internet...

Bertrand Flaujac
2 juin 2015
Pourquoi le paiement des cotisations en ligne devient indispensable

Pourquoi le paiement des cotisations en ligne devient indispensable

Si vous êtes responsable associatif, on parie que vous prendriez bien des vacances. Vous n'avez...

Pierre GRATEAU
23 août 2017
Comment créer le site internet de son association : le guide complet

Comment créer le site internet de son association : le guide complet

D’après une étude de Recherches & Solidarités, au printemps 2016, 73% des associations...

Anaïs Limpalaer
10 mai 2017
4 conseils d'organisation pour créer le site internet de votre association

4 conseils d'organisation pour créer le site internet de votre association

Prêt, feu, partez ! Vous voilà donc lancé dans la création du nouveau site internet de votre...

Bertrand Flaujac
20 octobre 2015
Comment bien définir les objectifs du site de votre association

Comment bien définir les objectifs du site de votre association

Le site internet de votre association s’inscrit dans une stratégie de communication globale

Il...

Bertrand Flaujac
27 octobre 2015
2 analyses indispensables avant de créer le site de votre association

2 analyses indispensables avant de créer le site de votre association

Comme en amour, vous êtes pressé de tourner la page de votre ancien site internet et de vous...

Sylvain FABRE
5 novembre 2015
Comment définir la structure du site internet de votre association

Comment définir la structure du site internet de votre association

Vous savez maintenant ce que vous souhaitez faire : vous avez identifié les destinataires et...

Bertrand Flaujac
12 novembre 2015
12 mots anglais utiles pour votre association

12 mots anglais utiles pour votre association

"Brian is in the kitchen, isn't he ?" 

Bien sûr, pour assumer votre rôle dirigeant associatif,...

Pierre GRATEAU
17 novembre 2015
Comment créer le contenu du site de votre association ?

Comment créer le contenu du site de votre association ?

Vous êtes en train de construire le site internet de votre association. 

Tout le monde a donné...

Bertrand Flaujac
24 novembre 2015
Comment construire les pages de votre site associatif ?

Comment construire les pages de votre site associatif ?

Vous êtes en train de refondre le site internet de votre association. 

Vous avez défini la...

Bertrand Flaujac
3 décembre 2015
3 options pour construire le site internet adéquat pour votre association

3 options pour construire le site internet adéquat pour votre association

Les plans étant posés et validés, il s’agit maintenant de s’attaquer à la conception du site....

Sylvain FABRE
10 décembre 2015
Bien choisir le nom de domaine du site de votre association

Bien choisir le nom de domaine du site de votre association

Auparavant, la gestion des noms de domaine était l’affaire des professionnels de l’informatique....

Sylvain FABRE
16 août 2017
7 bonnes résolutions pour votre association

7 bonnes résolutions pour votre association

Toute l'équipe d'AssoConnect vous présente ses meilleurs voeux pour cette année 2016 ! 

Qu'elle...

Pierre GRATEAU
4 janvier 2016
Solidatech : des solutions numériques à tarifs réduits !

Solidatech : des solutions numériques à tarifs réduits !

Année après année, votre association et vous répondez à de nouveaux défis pour satisfaire vos...

Pierre GRATEAU
12 janvier 2016
Indispensable :  un site Responsive pour votre association !

Indispensable : un site Responsive pour votre association !

Qu’est-ce que le Responsive Web Design ?

Le Responsive Design est une nouvelle approche de...

Sylvain FABRE
25 janvier 2016
6 outils pour créer le site internet de votre association et le maîtriser

6 outils pour créer le site internet de votre association et le maîtriser

Votre association vient de se lancer et vous cherchez à lui offrir un beau site vitrine ?

Vous...

Corinne Dardelet
13 septembre 2016
7 leçons tirées de la refonte de notre site vitrine

7 leçons tirées de la refonte de notre site vitrine

C’est bien connu : les cordonniers sont toujours les plus mal chaussés. Chez AssoConnect,...

Pierre GRATEAU
23 août 2016
Les nouveautés d'AssoConnect - novembre 2016

Les nouveautés d'AssoConnect - novembre 2016

Ce mois-ci, nos efforts de développement se sont portés principalement sur les modules...

Bertrand Flaujac
1 novembre 2016
Comment bien référencer votre association sur Google ?

Comment bien référencer votre association sur Google ?

99% des responsables associatifs sont convaincus de l’intérêt d’être bien référencé pour leurs...

Pierre GRATEAU
24 janvier 2017
Google Analytics : le guide pour les associations

Google Analytics : le guide pour les associations

Google Analytics est un outil gratuit qui, connecté à votre site internet, vous fournit des...

Anaïs Limpalaer
28 juin 2017
Fermer En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. En savoir plus