Cas client

Un formulaire marketing, affiché trois fois plus vite.

Pour ses campagnes, un organisme de bilan de compétences envoyait ses prospects vers un quiz en plusieurs écrans monté avec l’extension Fluent Forms, resté dans l’apparence par défaut de l’outil. La page chargeait le site entier, extensions comprises, avant de montrer la première question. Nous avons conçu une page d’atterrissage dédiée, refait entièrement l’interface du quiz, et comme ce trafic venait de campagnes payantes, transformé le bandeau cookies Axeptio en écran d’accueil, avec un plan de secours si un bloqueur l’empêche de se charger.

Par Publié le

Parler de votre projet

Ce que nous avons construit

  • Une page d’atterrissage dédiée

    Un gabarit réduit à l’essentiel : seules les briques utiles au questionnaire se chargent, seize extensions sont coupées sur cette page.

  • Une interface refaite de A à Z

    Le quiz tournait sur Fluent Forms avec l’habillage par défaut de l’extension. Chaque écran est redessiné aux couleurs de la marque et pensé pour le pouce, une question à la fois ; le moteur et ses envois restent ceux de Fluent Forms.

  • La première question tout de suite

    L’écran d’accueil superflu est supprimé : le visiteur arrive directement sur la première question.

  • Des contacts exploitables

    Des contrôles à la saisie, par exemple une adresse e-mail tapée dans le champ du prénom, pour que les fiches arrivent propres.

  • Les outils marketing inchangés

    Les envois vers l’outil d’e-mailing continuent de fonctionner : l’équipe commerciale ne change rien à ses habitudes.

  • Une mesure qui part plus tôt

    Le suivi Google Analytics se déclenche une à trois secondes plus tôt : moins de visites perdues avant d’être comptées.

  • Le bandeau cookies comme écran d’accueil

    Sur du trafic acheté, chaque écran en trop coûte. Le bandeau Axeptio est habillé pour devenir la façade de la page : titre, promesse du quiz, mention cookies et bouton de départ sur un seul écran. Si un bloqueur de publicité empêche le bandeau de se charger, la page le détecte et affiche sa propre façade, le visiteur n’attend jamais.

Faites appel à nous quand

  • vos campagnes envoient vers une page qui charge tout le site avant le formulaire
  • votre formulaire en plusieurs étapes perd des visiteurs sur mobile
  • l’outil de formulaire (Fluent Forms, Typeform, Gravity Forms) impose son apparence et ses écrans
  • votre trafic est acheté et le bandeau cookies est un écran de plus avant la première question
  • vous voulez tester une page d’atterrissage sans toucher au reste du site

Notre démarche

  1. Mesurer

    Chronométrer la page existante sur mobile, en réseau lent, comme vos visiteurs la vivent.

  2. Alléger

    Ne charger sur la page que ce dont le questionnaire a besoin.

  3. Redessiner

    Refaire chaque écran pour la marque et pour le mobile, sans casser les envois existants.

  4. Comparer

    Mesurer l’ancienne et la nouvelle page dans les mêmes conditions.

Résultats

Ce que le visiteur gagne

  • Avant : 6,1 s Après : 2,1 s pour afficher le premier texte
  • Avant : 18,5 s Après : 5,8 s pour afficher la page entière
  • Avant : 152 Après : 82 requêtes réseau
  • Avant : 221 Ko Après : 64 Ko pour l’image de couverture mobile

Mesures au banc d’essai sur iPhone, en 4G lente, ancienne page contre nouvelle page.

Questions fréquentes

Vos questions, nos réponses.

Faut-il changer d’outil de formulaire pour aller plus vite ?

Non. Ici le quiz est resté sur Fluent Forms, avec ses connexions à l’outil d’e-mailing. Ce que voit le visiteur et ce que la page charge sont refaits ; le moteur, les champs et les envois ne bougent pas. La même méthode vaut pour Gravity Forms ou un formulaire intégré depuis Typeform.

Peut-on personnaliser entièrement l’apparence d’un formulaire Fluent Forms ?

Oui, bien au-delà des réglages de couleur de l’extension : mise en page écran par écran, typographies et boutons du site, animations entre les questions, affichage pensé pour le pouce. Le formulaire garde ses champs, ses règles et ses envois, seul l’habillage est réécrit depuis le thème.

Un quiz en plusieurs écrans convertit-il mieux qu’un formulaire long ?

Sur mobile et sur du trafic de campagne, oui, à condition que la première question arrive tout de suite et que chaque écran se charge sans attente. Un quiz lent cumule les deux défauts : il demande plusieurs gestes et fait patienter à chacun. C’est pour cela que nous mesurons d’abord le temps d’affichage de la première question.

Pourquoi une page d’atterrissage dédiée plutôt qu’une page du site ?

Parce qu’une page du site charge tout le site : menu, extensions, scripts tiers, polices. Une page d’atterrissage avec son propre gabarit ne charge que ce dont le quiz a besoin, ici seize extensions coupées, et le reste du site ne change pas.

Que faire du bandeau cookies sur une page de campagne ?

Ne pas le cacher, et ne pas le laisser s’empiler devant le formulaire : l’habiller pour qu’il devienne l’écran d’accueil de la page, avec la promesse du quiz et le bouton de départ. Le consentement reste réel, géré par l’outil (ici Axeptio), et un plan de secours affiche la façade de la page si un bloqueur empêche le bandeau de se charger.

Peut-on comparer avec l’ancienne page ?

Oui. Les deux pages peuvent tourner côte à côte sur le même trafic pour comparer les conversions, et nous mesurons les deux dans les mêmes conditions de réseau avant de conclure.

Un projet en tête ? Parlons-en.

Parler de votre projet