Mes réalisations

Contexte de la mission

Pollutec, le salon dédié à l'environnement souhaitait mettre en place une plateforme de webinaires pour la première édition de Pollutec Online en 2020. Dans un contexte où les salons physiques étaient interdits suite à la Covid, les webinaires offraient une nouvelle source de visibilité et de rémunération.

J'ai donc été chargé de concevoir une landing page hébergée sur le blog Wordpress du salon avec pour objectif :

• de présenter les 60 webinaires répartis sur 5 jours sur une seule page
• de permettre une inscription simple et rapide
• de synchroniser la diffusion des vidéos avec leur captation en live
• de donner la possibilité aux utilisateurs inscrits de revoir les vidéos

Description

Ayant eu carte blanche quant au design général de cette page, j'ai choisi de présenter les webinaires sous la forme de cartes extensibles : au clic, la carte se déploie pour donner plus d'informations à l'utilisateur et lui permettre de s'inscrire.

Un formulaire de d'inscription a été mis en place et testé de manière à lever le plus de frictions (quels champs sont réellement nécessaires ? Peut-on permettre plusieurs formats de numéro de téléphone ? Doit-on mettre un captcha pour éviter les robots ?)

Des boutons filtres ont été ajoutés afin de catégoriser les webinaires par thématiques et de limiter le scroll sur mobile.

Relais des données : les webinaires étaient hébergés et diffusés sur la plateforme BrightTalk et le lead nurturing des inscrits assurés par le CRM Webmecanik. Il m'a fallu assurer la connexion des données des inscrits sur ces deux plateformes avec des API et Zapier.

Aperçus de la page et de ses composants

Challenges

Même si j'ai eu un délai de 2 mois pour mettre en place cette plateforme, le contenu des webinaires (thématiques, intervenants, durée...) changeait au fil du temps, j'ai dû faire de nombreuses modifications sur la plateforme et ce, même durant l'événement.

Travaillant sur Wordpress, je ne pouvais pas mettre en place différents environnements de développement (staging, production) pour faire mes modifications ou même mes tests. Ce qui a conduit à quelques bugs que j'ai dû rapidement identifier et résoudre alors même que l'événement était en live.

Résultats

Le template final que j'ai proposé à fait l'unanimité tant au sein de l'équipe Pollutec que du côté utilisateurs. D'autres plateformes de webinaires avaient été déployées par RX mais dans un design assez sommaire (généralement un page avec des bullet points pour chaque contenu sans forcément de visuels ou de CTA clairs).

• 6 300 inscrits à la fin de l'événement (l'objectif était fixé à 3 000)
• 15 000 heures de vidéos visionnées
• Score NPS de 60

Outils

Contexte de la mission

Cette mission avait pour but d'optimiser la conversion de pages livre blanc (lead magnet) afin d'augmenter le nombre de prospects visiteurs pour le salon SITL (Salon International du Transport et de la logisitique). Ces pages sont hébergées sur le blog du salon et présentaient un taux de conversion initial de 27%.

Description

Plusieurs itérations de templates ont été testées afin de déterminer les templates les plus performants. Les performances web des pages ont été également améliorées de manière à optimiser tant le SEO que l'UX. 

Plusieurs types de CTA ont été testés sur les pages du blog à forte volumétrie afin de maximiser le nombre de visites sur ces pages "lead magnet".

Aperçus des pages optimisées

Résultats

Après itérations et tests, les templates gagnants ont enregistré un taux de conversion de 45%, soit une progression de +66% en terme de taux de complétion du formulaire.

Contexte de la mission

HelloLead, entreprise spécialisée dans la vente de prospects B2B qualifiés, souhaitait disposer d'une site d'actualité avec une mécanique de récolte de leads qualifiés pour les vendre à des entreprises de différents secteurs :

• gestion de paie
• titres restaurant
• assistance juridique
• recrutement

Cette mission s'est déroulée en plusieurs phases :

• Design du site sur Webflow
• Identification des personas
• Recherche des mots-clés et problématiques-métier de ces personas
• Création des contenus pour chacun des mots-clés ciblés
• Automatisation de la création des contenus

Description

1. Design du site

J'ai choisi le CMS Webflow pour sa flexibilité, ses possibilités de personnalisation et sa capacité à créer des sites aux performances web plus intéressantes que ses concurrents comme Wordpress.

Le site a été réalisé en 3 semaines et optimisé au fur et à mesure en fonction des impératifs du client.

2. Personas et recherche des mots-clés

En fonction des informations données par le client, j'ai identifié les personas (responsable RH, CEO, DAF, entrepreneurs...), cartographié leurs problématiques métier.

En utilisant des outils SEO comme SEMRush, j'ai ensuite listé les mots-clés stratégiques pour les catégoriser par thématiques et par type de requête (générique, longue traîne, informationnelle, navigationnelle, transactionnelle...)

3. Création et optimisation des contenus

Dans une logique Inbound, chacun des mots-clés ciblés est associé à une page web (généralement un article) dont la structure et le champ sémantique sont optimisés de manière à positionner cette page en première page des résultats de recherches (SERP).

Un article isolé n'est pas suffisant pour atteindre cet objectif, il faut le lier à d'autres articles de la même thématique. On parle alors de cocons sémantiques (topic cluster) : une page pilier (power page) avec une forte densité sémantique est liée à une grappe d'articles du même champ sémantique, ce sont les pages filles. Cette page pilier vise à se positionner sur une requête hautement concurrentielle. Les chances qu'une page puisse être en 1ère page des SERP étant assez faibles, le cocon sémantique permet à la page pilier d'hériter de la puissance SEO et du PageRank de ses pages filles.

Exemple : pour espérer être positionné sur une requête comme "assistance juridique", il faudra mettre en place un cocon sémantique de plusieurs niveaux :

• Qu'est-ce qu'une procédure prud'homale ?
• Les obligations de l'employeur
• Les litiges avec un employé
• Le harcèlement au travail

On voit ainsi que les requête sont de moins en moins génériques à mesure que l'on descend les niveaux du cocon. Il est nécessaire de couvrir le maximum de requêtes d'une même thématique pour donner du poids au cocon et montrer aux robots des moteurs de recherche que l'on est "expert" sur la thématique "assistance juridique" puisqu'on répond à toutes les questions que se posent les utilisateurs sur le sujet.

4. Automatisation de la création des articles

Pour limiter les coûts, j'ai testé plusieurs outils d'intelligence générative dédiée à la rédaction dont Jasper et ChatGPT 4. Ce dernier s'est montré le plus fiable et le moins onéreux.

La création de 500 fiches métier a été automatisée sans passer par l'API de ChatGPT (assez chère quand on industrialise le process) :

• Python + Selenium : soumission des prompts pour chaque métier ("quelles sont les missions d'un PM ?", "à quelle rémunération peut prétendre un PM en France en 2024 ?"...) et scraping de la réponse
• Python : relai des réponses dans une BDD dédiée pour constituer le contenu des fiches métier
• API Webflow : relai des fiches métiers dans le CMS
• Webflow : 500 pages métier générées automatiquement pour 20$ (abonnement ChatGPT 4)

5. Optimisations SEO

L'arborescence du site et été silotée par thématiques (recrutement, titres restaurant, assistance juridique...) de manière à poser les bases des cocons sémantiques. Le maillage interne a été amorcé et une automatisation du process est en cours de réflexion.

Aperçu du site

Challenges

• Même s'il a une simple vocation de lead generation, le site doit rester qualitatif. Le design et l'architecture ont été assez chronophage d'autant qu'il fallait penser une identité visuelle agréable.
• De nombreux tests ont été menés pour récolter du contenu de qualité et seo-friendly via ChatGPT. Mettre en place le dispositif d'automatisation a lui aussi demander du temps et de l'énergie.
• Près de 40% des pages ne sont pas encore indexées et demandent une inspection régulière. Le référencement des pages automatisées n'est pas si simple.

Résultats

Le site accueille près de 4 000 visites par mois (logs serveur) mais 60% seulement consentent aux cookies. La durée moyenne des visites est de 1m40 avec un taux d'engagement de 70%.

Le taux de scroll est d'environ 60% sur les pages articles et de 55% sur les fiches métiers.

Outils

Contexte de la mission

L'Institut Cassiopée est l'un des plus grands centres de formation en thérapie holistique. Plus de 50 formateurs proposent des formations certifiées dans de nombreuses disciplines : sophrologie, énergétique, art-thérapie, massage, sonothérapie...  

Le site compte 140 pages et enregistre plusieurs dizaines de milliers de visites par mois. Après avoir implémenté le tracking et le dashboard dans une précédente mission, le fondateur du centre m'a demandé d'établir des recommandations UX et SEO afin d'améliorer la transformation des visiteurs en prospect.

La mécanique de génération de lead repose sur plusieurs points d'entrée :

• les formulaire de demande de devis
• la création d'un compte pour accéder à son espace personnel
• la demande d'information par le formulaire de contact
• la prise de rendez-vous pour un appel téléphonique avec un conseiller pédagogique

Les prospects peuvent créer leur parcours de formation sur leur espace personnel et accéder à des contenus pédagogiques multimédias. S'ils ne sont pas encore inscrits, des conseillers les contacts au téléphones et un processus de lead nurturing est en place.

Description du programme d'expérimentations

1) Insights et priorisation des hypothèses

Les données quantitatives (GA4, Hotjar) et qualitatives (feedback utilisateurs) ont été analysées afin de déduire les frictions du parcours utilisateur. J'ai également mené une évaluation heuristique des principaux templates du site :

• friction : qu'est-ce qui provoque des doutes, hésitations, incertitudes ?
• clarté : la proposition de valeur est-elle claire ?
• pertinence : le template répond-il aux attentes de l'utilisateurs ?
• valeur perçue : la valeur du service est-elle correctement mise en avant ?
• motivation : la page encourage-elle les utilisateurs à passer à l'action (clic sur CTA) ?

Une quizaine d'hypothèses a été listée et priorisées selon le framework PXL :

2) Roadmap des expérimentations

Une fois les hypothèses priorisées et pondérées selon la volumétrie des pages où les tests doivent être menés, j'ai été établi la roadmap du programme d'expérimentation.

Les quinze expérimentations ont été lancées grâce à Google Optimize et se sont déroulées sur 8 mois et la durée de chaque expérimentation étaient de 2 à 6 semaines (50 à 300 conversions).

3) Expérimentations, itérations et validations

La grande majorité des expérimentations ont été des tests A/B et A/B/C ; certains MVT ont été testé mais l'analyse de données ne permettaient pas forcément de déterminer quelles combinaisons de variables étaient réellement les plus performantes.

Une monitoring en continu devait garantir des tests significatifs et pertinents : la variante gagnante est-elle réellement meilleure que la version contrôle (faux positif) et la taille de l'effet (MDE) est suffisante pour justifier l'implémentation de la version gagnante ?

Chaque test a été interrompu une fois la significativité de 99% atteinte. Environ 60% des expérimentations ont été réussie : c'est à dire que la variante étaient réellement plus performantes que la version contrôle après déploiement et que le lift était d'au moins 20% (parfois 40%). Certaines expérimentations ont nécessité 4 itérations.

4) Déploiement des expérimentations réussies

Le code des expérimentations réussies était optimisé de manière à ce que le développeur du site n'ait pas à faire de corrections avant le déploiement.

Quelques aperçus de features implémentées

Le menu sticky pour faciliter le tunnel

4ème version de la page devis

Formations mise en avant sur la homepage

Challenges

De nombreux bugs ont ralenti l'implémentation de plusieurs tests, notamment des problèmes avec le code jQuery qui m'in incité à n'utiliser que du javascript et à recetter les tests sur différents appareils.

Google Optimize n'avaient pas de support techniques pour l'aide à la résolutions de bugs. Il m'a fallu cherché toutes les solutions par moi-même en faisant des recherches.

La volumétrie des visites et des conversions étant moyenne sur le site, certains tests ont duré 4 semaines pour être statistiquement significatifs (p-value < 0.05).

Résultats

Outils

Contexte de la mission

L'Institut Cassiopée est l'un des plus grands centres de formation en thérapie holistique. Plus de 50 formateurs proposent des formations certifiées dans de nombreuses disciplines : sophrologie, énergétique, art-thérapie, massage, sonothérapie...  

Après analyse du taux de conversion par canal d'acquisition, j'ai constaté que les utilisateurs venant des campagnes Googles Ads et Meta Ads étaient moins enclins à finaliser le processus d'inscription (-25% par rapport au trafic global).

Les recordings de ce segment montraient en effet que les utilisateurs exploraient le site sans vraiment rentrer dans le tunnel de conversion (page formation > page devis). J'ai donc testé plusieurs templates de landing pages (LP) pour les différentes campagnes publicitaires pour en sélectionner 9 et les héberger sur un site Webflow.

Description du projet

1) Création du template de LP

Sur le site, le tunnel de conversion se fait en 5 étapes  : présentation de la formation, certification, cycle 1, cycle 2, page devis. Le nouveau template devait donc réunir toutes les informations nécessaires et permettre à l'utilisateur de s'inscrire ou de demander un devis. Une évaluation heuristique était

• friction : cette page provoque-t-elle des doutes, hésitations ou incertitudes ?
• clarté : la proposition de valeur est-elle claire ?
• pertinence : le template répond-il aux attentes de l'utilisateurs ?
• valeur perçue : la valeur du service est-elle correctement mise en avant ?
• motivation : la page encourage-elle les utilisateurs à s'inscrire ou demander un devis ?

2) Tests A/B et itérations

3 template ont été testés afin de déterminer le plus performant. Ensuite une autre série de tests MVT ont été lancés pour déterminer l'architecture idéale de la page et la mécanique de collecte de lead adéquate.

Quelques aperçus du site

Présentation du mini-site

popup d'inscription / devis

Formations mise en avant sur la homepage

Challenges

Sur chaque page formation, une vidéo est intégrée afin de présenter la formation. L'utilisation du snippet embed de Youtube ralenti fortement le chargement de la page, j'ai donc utilisé l'API de Youtube pour asynchroniser le chargement du script Youtube : l'aperçu vidéo est une photo qui, au clic, injecte le code embed de la vidéo et la joue.

Le design de la maquette et les différentes itérations ont été chronophage.

Résultats

Outils

Contexte de la mission

Infimière Reconversion est une start-up dédiée à la reconversion des IDE et des médecins. La fondatrice, m'a missionné pour établir des recommandations UX après avoir implémenté le tracking.

Le site est hébergé sur WordPress (Elementor) et comporte un blog d'une centaine d'article qui génèrent une partie non négligeable du trafic organique.

La mécanique de génération de lead repose sur deux points d'entrée :

• un formulaire Calendly intégré à la page prise de rendez-vous
• un appel téléphonique avec un conseiller pédagogique

Description du programme d'expérimentations

1) Insights et priorisation des hypothèses

Les données quantitatives (GA4, Hotjar) et qualitatives (feedback utilisateurs) ont été analysées afin de déduire les frictions du parcours utilisateur. J'ai également mené une évaluation heuristique du site :

• friction : qu'est-ce qui provoque des doutes, hésitations, incertitudes ?
• clarté : la proposition de valeur est-elle claire ?
• pertinence : le template répond-il aux attentes de l'utilisateurs ?
• valeur perçue : la valeur du service est-elle correctement mise en avant ?
• motivation : la page encourage-elle les utilisateurs à passer à l'action (clic sur CTA) ?

Une quizaine d'hypothèses a été listée et priorisées selon le framework PXL :

2) Expérimentations sur le tunnel de conversion

Les frictions les plus évidentes venait de la page "prise de rendez-vous" où le formulaire Calendly était intégré en milieu de page, sous la ligne de flottaison.

Les quinze expérimentations ont été lancées grâce à Google Optimize et se sont déroulées sur 2 mois et la durée de chaque expérimentation étaient d'environ 2 semaines. Le MDE était d'environ 50%, ce qui permettait de réduire la taille de l'échantillon (et donc de la durée des tests) sans pour autant perdre en significativité.

3) Déploiement des expérimentations réussies

Après plusieurs itérations, la mécanique la plus efficace pour augmenter le taux de conversion fut d'implémenter un CTA dans le bloc Hero de la home page (70% du trafic) et dans le menu. Plutôt que de rediriger les utilisateurs sur la page "prise de rendez-vous", j'ai intégré le formulaire Calendly dans une pop-up. Celui-ci apparaît après avoir coché plusieurs mentions.

Quelques aperçus des tests

Réserver son appel en quelques clics

Des CTA ont été ajoutés au-dessus de la ligne de flottaison

Le formulaire Calendly est intégré à la pop-up

Challenges

Des difficultés techniques ont ralenti le recettage des tests. En effet, le formulaire Calendly ne se chargeait pas sur certains appareils à cause d'un conflit dans les scripts.

Le processus d'inscription ayant été rendu trop simple dans les première itérations, trop de "curieux" réservaient un appel téléphonique sans être suffisamment matures dans leur projet de reconversion. Les conseillers téléphoniques perdaient donc leur temps avec des prospects trop peu qualifiés. Pour remédier à cela, des filtres ont été ajoutés : avant de voir le formulaire Calendly, il faut cocher des mentions pour s'assurer que l'appel téléphonique correspond bien à ses attentes.

Résultats

Outils

Contexte de la mission

L'Institut Cassiopée (IC) est l'un des plus grands centres de formation en thérapie holistique. Plus de 50 formateurs proposent des formations certifiées dans de nombreuses disciplines : sophrologie, énergétique, art-thérapie, massage, sonothérapie...  

Le site compte 140 pages et enregistre plusieurs dizaines de milliers de visites par mois. Après m'avoir demandé de faire une refonte des campagnes Google Ads, le fondateur d'IC m'a chargé de lui créer un tableau de bord avec les principaux KPI et une vue sur le tunnel de conversion en vue de lui fournir des recommandations UX sur le parcours utilisateurs.

Cette mission s'est déroulée en deux temps : l'implémentation du tracking (GTM) et de Lucky Orange (heatmaps + recordings) et la création du dahsboard sur Looker Studio.

Description du projet

1) Tracking

Après avoir défini quels KPI suivre et les éléments à tracker sur un plan de marquage, j'ai créé un custom Event Listener afin de collecter les interactions des utilisateurs pour les relayer dans GA et créer des objectifs de conversion. Exemples :

• clics sur CTA
• création d'un compte
• liens des menus et sous-menus
• formulaire de prise de contact
• taux de scroll
• barre de recherche
• visionnage des vidéos
• téléchargement des contenus

Certains listeners sont gourmands en ressources notamment les mutation observers, ce qui implique de supprimer certains tracking après avoir récolté les données.

2) Dashboard

Le dashboard a été sur Looker Studio, de nombreuses metrics ont dû être aggrégées avec des champs calculés et certains connecteurs ont dû être mis en place afin de retrouver les bonnes données (notamment celles de Meta Ads).

Vue sur le tunnel de conversion

Suivi des principaux indicateurs

Event Listeners en jQuery

Challenges

Le tracking était initialement fait pour Universal Analytics, j'ai dû faire une migration sur GA4 par la suite et redéfinir les objectifs de conversion.

Résultats

Outils

Contexte de la mission

Infirmière Reconversion (IR) est une start-up dédiée à la reconversion des IDE et des médecins. La fondatrice, m'a missionné pour établir des recommandations UX après avoir implémenté le tracking.

Le site est hébergé sur WordPress (Elementor) et comporte un blog d'une centaine d'article qui génèrent une partie non négligeable du trafic organique. La fondateur d'IR m'a chargé de lui créer un tableau de bord avec les principaux KPI et une vue sur le tunnel de conversion en vue de lui fournir des recommandations UX sur le parcours utilisateurs.

Cette mission s'est déroulée en deux temps : l'implémentation du tracking (GTM) et de Lucky Orange (heatmaps + recordings) et la création du dahsboard sur Looker Studio.

Description du projet

1) Tracking

Après avoir défini quels KPI suivre et les éléments à tracker sur un plan de marquage, j'ai créé un custom Event Listener afin de collecter les interactions des utilisateurs pour les relayer dans GA et créer des objectifs de conversion. Exemples :

• clics sur CTA
• prise de rendez-vous
• liens des menus et sous-menus
• formulaire Calendly
• taux de scroll
• visionnage des vidéos
• téléchargement des contenus

Certains listeners sont gourmands en ressources notamment les mutation observers, ce qui implique de supprimer certains tracking après avoir récolté les données.

2) Dashboard

Le dashboard a été sur Looker Studio, de nombreuses metrics ont dû être aggrégées avec des champs calculés et certains connecteurs ont dû être mis en place afin de retrouver les bonnes données (notamment celles de Meta Ads).

Vue sur le tunnel de conversion

Suivi des principaux indicateurs

Event Listeners en jQuery

Challenges

Le tracking était initialement fait pour Universal Analytics, j'ai dû faire une migration sur GA4 par la suite et redéfinir les objectifs de conversion.

Résultats

Outils