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 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
Fermer En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies et notre Politique de Confidentialité. En savoir plus