Retour
Anaïs Limpalaer
Le 14 mars 2017
Les 7 tendances du design à appliquer au site web de votre association

Les 7 tendances du design à appliquer au site web de votre association

Vous souhaitez remettre le site internet de votre association au goût du jour mais ne trouvez pas l’inspiration ? Les 7 tendances exposées ci-dessous vous aideront à y voir plus clair. De la structure du site jusqu’aux détails les plus discrets, tous les éléments de design qu’il est facile et utile d’inclure dans votre site web sont couverts ici.

1. Le « responsive design »

responsive design

Selon une étude de Médiamétrie, le mobile est devant l’ordinateur en termes de nombre d’utilisateurs en France en 2016. Cela signifie qu’un site qui n’est pas adapté aux petits écrans passe à côté d’un grand nombre d'adhérents potentiels !

Grâce au responsive design, un site qui est conçu pour l’ordinateur peut s’adapter à n’importe quelle taille d’écran. De plus en plus, les webdesigners commencent même par concevoir leurs sites pour un écran de smartphone, pour ensuite l’adapter aux écrans plus grands : c’est ce que l’on appelle le “mobile first”.

Pour savoir si le site internet de votre association est responsive, il vous suffit de faire le test d’optimisation mobile de Google. Et pour aller plus loin, vous pouvez aussi consulter notre article dédié au responsive design.

2. Le « long scrolling »

long scrolling

Avec le développement des appareils tactiles, l’utilisateur préfère de plus en plus le scroll (le fait de faire défiler le contenu d’une page web) au clic. En conséquence, les pages web s’allongent de plus en plus... jusqu’à devenir infinies ! Si, par exemple, vous gérez une association sportive, plutôt que de créer 4 ou 5 pages (accueil, planning entraînement, tarifs, contact, …), il est donc préférable de présenter toutes ces informations à la suite sur la page d’accueil.

3. L’écran « splité »

split screen

L’écran splité, ou split screen, consiste à diviser la page en deux "compartiments" bien distincts. Vous pouvez par exemple opter, comme ci-dessus, pour une photographie à droite et un bloc de texte à gauche.

Cette composition a l’avantage d’utiliser tout l’espace horizontal des écrans d’ordinateur. Et parce que le responsive est maintenant la norme, la division devient verticale sur un écran mobile. Le split screen convient pour tout type d’association, et est très facile à mettre en place.

4. Jeu sur l’espace négatif

negative space

C’est un des grands principes du minimalisme : l’espace négatif (vide) est aussi important, voire plus important que le contenu. Afin de laisser ce contenu respirer, ne succombez pas à la tentation de remplir chaque pixel de votre site. Mais pour éviter que cela ne rime avec ennui, il est possible de jouer de ces espaces blancs afin de créer des effets visuels intéressants.

5. Oser les couleurs vives

(source riaa.com)

2015 était l’année des couleurs neutres, 2016 celle des couleurs pastel… En 2017, il ne faut pas hésiter à utiliser des couleurs vives ! Ces couleurs, à condition d’être bien assorties, captent l’attention de l’utilisateur lors de sa visite.

Des dizaines d’outils en ligne permettent de choisir une combinaison de couleurs harmonieuse pour le site internet d’une association. Avec Coolors par exemple, vous pouvez générer gratuitement des milliers de palettes. Tout ce que vous avez à faire, c’est appuyer sur la barre espace jusqu’à trouver la combinaison parfaite.

6. Majuscules et gras

majuscules et gras

source : https://performingarts.withgoogle.com/en_us

Cette année, il n’y a pas que la couleur qui aime se faire remarquer. Pour la typographie, la tendance est la même. Optez pour une police sobre (Arial, Lato…) et mettez-la en valeur en gras et en majuscules. Pour plus d’originalité, n’hésitez pas à utiliser du blanc sur du noir comme dans l’exemple ci-dessus.

7. Les animations

animations

source : https://dribbble.com/shots/1623679-Open-Close

Pour donner vie à un site internet déjà bien conçu, rien de tel que les interactions animées. Elles permettent de faire la différence entre un bon et un très bon site internet.

Un bouton qui change de couleur lorsque l’on passe la souris dessus, des éléments qui apparaissent et disparaissent lors du défilement de la page… Les interactions animées consistent à déclencher un mouvement lorsque le visiteur interagit avec un élément du site.

Grâce aux animations, l’utilisateur sait que ses actions sont prises en compte, et cela l’incite donc à cliquer. Si vous cherchez à collecter des dons, et donc à provoquer une action de la part de vos visiteurs, les animations peuvent devenir votre meilleur allié.

Conclusion

Ces tendances graphiques pour le design de sites internet ne sont pas qu’un effet de mode. Elles sont cohérentes avec les nouveaux usages des internautes. Face à la quantité pléthorique de sites internet, l’utilisateur doit juger très rapidement la crédibilité du site sur lequel il se trouve. Cette crédibilité est donc principalement identifiée grâce à la qualité et l’actualité du design du site.

Ne pas mettre à jour un site internet qui date d’il y a quelques années peut ainsi avoir des conséquences sur le nombre de visiteurs et le temps passé sur le site par chaque visiteur. C’est pour cette raison que nous avons décidé l’an dernier de repenser notre site vitrine.

Nous vous avons concocté le guide complet du site internet pour votre association. N'hésitez pas à le télécharger :

Télécharger le guide gratuitement

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
Les 7 règles d'or du "call-to-action" pout votre association

Les 7 règles d'or du "call-to-action" pout votre association

Il vaut mieux se poser la question directement : qu’est ce qu’un "call-to-action" ?Un...

Bertrand Flaujac
2 juin 2015
Pourquoi les cotisations en ligne sont indispensables à votre association ?

Pourquoi les cotisations en ligne sont indispensables à votre association ?

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

Nina Flabeau
14 août 2018
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 globaleIl...

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
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
Les 7 tendances du design à appliquer au site web de votre association

Les 7 tendances du design à appliquer au site web de votre association

Vous souhaitez remettre le site internet de votre association au goût du jour mais ne trouvez...

Anaïs Limpalaer
14 mars 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
Découvrez OpenAsso, la plateforme collaborative du monde associatif

Découvrez OpenAsso, la plateforme collaborative du monde associatif

Temps de lecture : 6 minutesNous sommes très heureux de vous annoncer le lancement d’OpenAsso,...

Corinne Dardelet
5 juin 2018
Fermer En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies et notre Politique de Confidentialité. En savoir plus