Retour
Pierre GRATEAU
Le 23 août 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, nous passons notre temps à améliorer notre logiciel et à produire du contenu dont le guide du site internet associatifMais notre propre site vitrine, celui qui présente AssoConnect, était un peu laissé pour compte. 

Il y a maintenant 6 mois, notre équipe SAV nous a alerté sur les questions fréquentes d’associations intéressées mais qui ne trouvaient pas les réponses sur notre site. Cela a déclenché une prise de conscience : à l'évidence, notre site avait besoin d’un bon lifting sur la forme et sur le fond. 

Nous avons donc entamé un chantier en interne avec l’appui de bonnes volontés externes. 

Il aurait été dommage de garder ces réflexions pour nous et de ne pas en faire profiter les associations. Nous nous mettons donc à nu et on vous emmène dans les coulisses de la refonte de notre site internet. En espérant que cela vous soit utile !

 

Leçon n°1 : rassurez vos cibles avec des « social prooves » (littéralement « preuves sociales »)

Diagnostic et réponse

La cible d’AssoConnect est constituée des 1,3 million d’associations françaises. 

Certaines associations nous contactaient et trouvaient notre solution adaptée à leur besoin mais restaient sur la défensive. 

Quelles sont vos références ? Depuis quand existez-vous ? Est-ce que vos clients sont satisfaits ? 

Aussi, de manière sous-jacente : ai-je raison de leur faire confiance ? Comment m’assurer de la pérennité de cette société ? 

Ici, même les réponses les plus assurées et la meilleure bonne foi du monde ne feront pas le job. 

Il faut donner des preuves, du concret ! 

C’est ce que nous avons fait :

- en triplant le nombre de citations de responsables associatifs satisfaits

- en mettant en ligne les logos d’associations adhérentes références dans leurs domaines

Refonte du site AssoConnect - 1

 

Comment l’appliquer à votre association ? 

Une des premières étapes dans la conception de votre site est de déterminer vos cibles. 

Selon votre association, ces cibles peuvent être des nouveaux adhérents, des bénévoles, des donateurs, mécènes, journalistes, institutions, etc. 

Comme tout internaute, elles ont besoin d’être rassurées. C’est devenu un réflexe. 

Quand vous réservez un restaurant ou un hôtel, votre premier réflexe va être de regarder les avis, la note moyenne et les commentaires individuels. 

Imaginons que vous cherchiez à recruter de nouveaux bénévoles.

Mettez-vous à la place de ceux-ci. A moins que vous ne vous soyez une association de grande renommée, ils ne vous connaissent pas forcément très bien.

Ils auront besoin d’être rassurés avant de se porter candidat ou même de demander des informations. 

Quoi de mieux pour cela que des témoignages d’adhérents actuels ?

Ceci dit, les internautes sont méfiants avec les avis, et la loi pénalise maintenant les faux avis. 

Pour accroître la crédibilité de vos avis, pensez à ajouter une photo du témoin ainsi qu’a minima son prénom.

 

Leçon n°2 : passez au 100% responsive

Diagnotic et réponse

Tout d’abord un petit rappel. On appelle responsive (de responsive design) un site qui va être aussi bien lisible sur ordinateur que sur smartphone ou tablette

Le design du site s’adapte à l’écran sur lequel vous le regardez. Vous ne devriez pas avoir à zoomer pour lire le contenu du site ni à déplacer latéralement votre fenêtre. 

C’est un enjeu majeur :

- aujourd’hui, il y a plus de personnes qui vont sur internet avec leur smartphone qu’avec leur ordinateur.

- depuis avril 2015, Google pénalise les sites qui ne sont pas responsive. Le référencement de ces sites en pâtit.

Notre site vitrine était globalement responsive et donc non pénalisé par Google. Mais certaines parties ne l’étaient pas complètement.

Cela entraînait un abandon de lecture de la part des mobinautes qui se rendaient sur cette page. 

Nous pouvions le constater grâce à Google Analytics : le temps de visite de cette page était inférieur aux autres alors que le taux de bounce (sortie du site) était supérieur. 

Nous avons rétabli la situation et sommes maintenant 100% responsive ! 

Refonte du site AssoConnect 2

Comment cela peut s’appliquer à votre association ?

Vous pouvez très facilement vérifier que votre site est responsive.

Il suffit pour cela de raccourcir votre fenêtre pour simuler un comportement tablette ou mobile comme c’est le cas ci-dessous : 

Site responsive - AssoConnect

Pour vérifier le caractère totalement responsive de votre site, allez sur Google speed insight et rentrez son url.

Google page speed insight

Si votre site n’est pas suffisamment responsive (indicateur vert de Google), il faudra envisager de changer de CMS ou de version de ce CMS. 

Si vous passez par le CMS (logiciel d’édition de site) AssoConnect, il sera naturellement responsive.

 

 

Leçon n°3 : choisissez vos photos avec soin

Diagnostic et réponse

Certaines images de notre site n‘étaient pas pertinentes. 

Il s'agit d'un diagnostic plus dur à établir car les internautes ne vont pas forcément pointer du doigt le problème. 

Cela provient davantage de l’inconscient et provoque une impression de manque d’harmonie. 

La force de notre message était donc affaiblie.

Ce sont donc nos amis designers en interne et en externe qui nous l’ont fait remarquer.

Nous nous sommes donc efforcés de trouver des images avec du sens : 

Refonte du site vitrine d'AssoConnect 3

 

Comment cela peut s’appliquer à votre association ?

En tant qu’association, vous avez la chance d’avoir potentiellement de nombreuses images qui illustrent vos projets et votre activité. 

Il peut être tentant d’en poster un peu partout sur votre site internet. 

Mais il est plus efficace de les sélectionner soigneusement. 

Voici les caractéristiques d’une bonne image :

- elle est de bonne qualité (non pixelisée)

- elle n’est pas trop lourde. Cela réduit la vitesse d’affichage de votre page et du coup le trafic associé.

Selon les études de Google,  un temps de chargement qui passe de 0,4 seconde à 0,9 seconde diminue le trafic de 20% ! (source : https://blog.kissmetrics.com/shocking-truth-about-graphics/)

- elle est libre de droit (ou libre à condition de citer l'auteur). Vérifiez aussi que si des membres de votre association se trouvent sur cette image, ils vous ont donné l’autorisation de la publier

- elle est pertinente

Une bonne technique pour cela est de mettre une légende à votre image. 

2 avantages : 

- c’est un « vérificateur de pertinence »

Si la légende est en accord avec le texte qui entoure l’image, l’image est pertinente. 

- en bonus, la légende est lue en moyenne 300 % davantage que le texte illustré par l’image

 

Leçon n°4 : un bon schéma vaut mieux qu’un long discours

Diagnostic et réponse

AssoConnect n’est pas uniquement un logiciel puisque vous pouvez construire votre site internet avec. 

AssoConnect ne fait pas uniquement de la comptabilité, de la gestion de cotisations, des emailing,... mais propose également une plateforme complète avec des modules interfacés. 

Vous suivez ? Si ce n’est pas le cas, c’est normal ! 

Pas facile d’expliquer AssoConnect en 1 phrase. 

Nous avons donc réfléchi à un schéma qui résumerait le fonctionnement d’AssoConnect et ses bénéfices. 

Voici le résultat :

Refonte du site vitrine AssoConnect

 

Comment cela peut s’appliquer à votre association ?

C’est une pratique encore peu répandue dans les associations. Pourtant certaines associations ont des fonctionnements complexes. 

Elles tentent de l’expliquer avec de longs paragraphes de textes qui ont de grandes chances de faire fuir le lecteur. 

N’oubliez pas que la durée moyenne d’une visite sur une page est comprise entre 30 et 60 secondes. 

Organisez donc un atelier en équipe pour définir le fonctionnement global de votre association. 

En plus de l’interêt vis-à-vis de vos cibles, cela permettra de mettre au clair votre projet associatif.

 

Leçon n°5 : de l’importance d’avoir un contenu frais et à jour

Diagnostic et réponse

Nous avions 2 problématiques au niveau de notre contenu :

1) Certains types d’associations n’étaient pas représentés sur notre site, comme les associations éducatives et religieuses. 

Conséquence : au mieux elles nous contactaient pour savoir si notre logiciel pouvait quand même répondre à leur besoin. Autrement, elles passaient leurs chemins (dommage).

C’est dorénavant corrigé : 

Refonte du site vitrine

 

2) AssoConnect évolue en permanence et ses évolutions n’étaient pas indiquées sur nos pages fonctionnalités. 

Des omissions dommageables pour les associations intéressées et pour notre référencement naturel sur ces mots-clés.

 

Comment cela peut s'appliquer à votre association ?

Ne laissez jamais les internautes deviner. 

Prenons un exemple: vous organisez des formations pour vos bénévoles.

C’est très bien, les formations sont en effet de plus en plus une motivation pour les bénévoles.

Vous trouvez cela normal et ne le signalez pas sur votre site internet. Grave erreur ! 

L’association « concurrente » qui penserait à l’indiquer aurait alors un avantage sur vous. 

En bonus, Google valorise les sites qui sont mis à jour régulièrement avec de nouvelles informations. 

Nous détaillerons cela dans un prochain article sur le référencement naturel. 

 

Leçon 6 : priorité à l’ergonomie sur le joli

Diagnostic et réponse

Les sous-menus de notre page fonctionnalité n’étaient pas assez visibles. 

Conséquence : les internautes s’attardaient sur la fonctionnalité « site » mais ne voyaient pas forcément les autres modules. 

Encore une fois Google Analytics était là pour vérifier notre intuition par les chiffres. 

La page site prenait une part proportionnellement trop importante des internautes qui se rendaient sur la page fonctionnalité.

Nous appréciions le léger effet de transparence mais à l’évidence cela desservait le parcours de l’utilisateur. 

Nous avons donc pris la décision de retirer cet effet pour être plus ergonome.

Refonte du site AssoConnect 6

 

Comment l’appliquer à votre association ? 

Il faut prioriser ! 

L’objectif n°1 de votre site : faire passer vos messages auprès de vos cibles. 

Est-ce que mon site est clair (mon arborescence et mes pages) ? En combien de clics trouvent-elles les informations ? 

Un joli design donnera le ton de votre site mais il reste secondaire par rapport à son ergonomie et sa clarté. 

 

Leçon n°7 : soyez à l’écoute

Il est très compliqué de prendre du recul par rapport à votre site. 

C’est votre bébé et comme tout parent, le jugement est forcément biaisé.

Nous avons donc fait appel à des aides extérieures pour comprendre comment il pouvait être amélioré.

Nous ne remercierons jamais assez nos ambassadeurs, nos proches (particulièrement Olivier) et nos designers pour leur retours constructifs et leurs bonnes idées. 

Comment l’appliquer à votre association ? 

Votre site n’est jamais fini ! Cela doit être un objet vivant en perpétuelle évolution. 

Vous avez des bénévoles, adhérents, partenaires : sollicitez leurs avis ! 

Ils seront la plupart du temps ravis d’apporter leur pierre à l’édifice. 

Combinez le qualitatif, l’avis d’experts (vous pouvez par exemple solliciter le réseau Webasso) au quantitatif, en sondant votre base de bénévoles. 

 

 

Pour conclure, notre site vitrine est encore loin d’être parfait (et ne le sera sans doute jamais).

C’est un chantier permanent, il faut donc être à l'écoute et ne pas relâcher les efforts. 

L'objectif : s'assurer de faire passer les bons messages aux bonnes personnes ! 

 

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 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
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