Aperçu

Colibris-lemouvement.org est le site de l'association des Colibris, en France, Suisse et Belgique. Elle promeut le mouvement social vers la Transition écologique, par des actions concrêtes.

CLIENT
L'association des Colibris

AUDIENCE DU SITE
Particuliers intéressés par une vie + écologique et solidaire

PROJET
Modification de la landing page (l'accueil) et la newsletter pour engager davantage les lecteurs

MON RÔLE
UX Design, UI Design

Brief

Problème

Le site des Colibris est très riche en informations, possède de nombreuses pages difficile à synthétiser. Il pourrait inciter à l'action ses visiteurs et attirer davantage de visiteurs via la newsletter, qu'aujourd'hui.

Challenge

Comprendre les données de Google Analytics via la data-visualisation pour apporter les meilleures recommandations pour la page d'accueil et la newsletter.

Exploration

Audience du site

Grâce aux Analytics de Google et à un important trafic (+ de 1500 nouveaux utilisateurs par jour), ont été mis au jour :
- le type d'audience,
- le % de nouveaux utilisateurs (par rapport aux visites totales),
- les chiffres clés (taux de rebons, durée moyenne des sessions, nombre de sessions par utilisateur et nombre de pages par session).

Acquisition du trafic

De même Analytics a permis de voir, après ajustements, d'où venait cette audience.

Exemple de canaux d'acquisition d'un site web

Comportements des visiteurs

Aussi, il a été possible de connaître les pages les plus vues, leur taux de rebond respectif, et les pages principales de destination et de sortie.
Ensuite, l'idée est de rapporter ces comportements à la page d'accueil et à la newsletter.

Recommandation

Landing Page du site (Home page)

Rappel des objectifs

Avant de faire quelque préconisation que ce soit, le rappel des objectifs de cette page est intéressant.

Cela a permis de mettre en évidence les 3 indicateurs principaux de performance (les "KPI") qui seront à suivre après mise en place des modifications.

Exemple d'une page d'accueil analysée en parallèle des statistiques de Google Exemple de KPI à suivre sur une page d'accueil

Préconisations d'UI Design

Envisager 2 versions peut offrir au client une liberté de choisir ce qui lui correspond le mieux, ou réaliser deux groupes d'utilisateurs pour tester la meilleure solution.

C'est ce qui a été fait ici, l'une avec une fenêtre pop-up pour s'inscrire à la newsletter, l'autre avec un écran d'accueil intégrant les incitations de différents niveaux hiérarchiques.

Exemple de préconisations pour une page d'accueil Exemple 2 de préconisations pour une page d'accueil Exemple 3 de préconisations pour une page d'accueil Exemple 4 de préconisations pour une page d'accueil

La version retenue à été la 2ème car, nous étions d'accord, les pop-ups ont une nette tendance à gêner la lecture.

Newsletter

Rappel des objectifs

De la même manière, rappeler les objectif de cette lettre a permis de rester concentrer sur l'essentiel : la détermination des 3 principaux indicateurs clés de performance, à suivre après les modifications.

Exemple d'une newsletter à améliorer' Rappel des KPI à suivre dans Google analytics pour une newsletter

Préconisations d'UI Design

Ici aussi, j'ai créé deux versions de newsletter, chacune plus courte que l'originale.

Exemple de préconisations pour une newsletter efficace Exemple 2 de préconisations pour une newsletter efficace

Mon client a aujourd'hui opté pour la 1ère version pour sa newsletter "Les dépêches du mag".

Vous aimez et avez un projet en tête ?

N'hésitez pas ! Appelez-moi au 09.67.39.38.16 ou

Ecrivez-moi