Portfolio

Formulaire Webflow avec système de scoring automatisé

Découvrez comment Digidop a aidé Greenly, une start-up spécialisée dans les bilans carbones, à automatiser leur processus de scoring avec un formulaire Webflow multilingue et adaptatif, intégrant Weglot et Hubspot pour une expérience client améliorée.

Automation
Développement
Page principale du formulaire de bilan carbone Greenly
"Equipe très réactive et avec un vrai souci du détail ! Florian est très disponible et prend le temps d'expliquer ses choix/options à chaque étape. Je recommande vivement ses services"

Arnaud Delubac

Co-founder & CMO

Voir le site

Points clés du projet Greenly | Bilan Carbone

Plongez dans le cas client Greenly et découvrez comment Digidop a conçu un formulaire Webflow automatisé et bilingue.

Stack Technique

Icon Make (ex integromat) SVG
Icon Weglot
Logo Hubspot
Logo webflow bleu
Icon layout

Services

  • Automatisations avancées
  • CRM intégration
  • Développement Webflow

Le projet en images

Les sites évoluent. On capture donc ces photos pour que vous ayez un oeil sur le vrai rendu au moment de la mise en ligne.

Explication des 4 étapes du formulaire
Aperçu d'une page de question du formulaire
No items found.
Voir le site

Formulaire Webflow avec Scoring

Greenly est une start-up spécialisée dans l'établissement de bilans carbones pour les entreprises. Pour établir les bilans carbones de ses clients, Greenly a aussi besoin de définir le score carbone de chacun de leurs fournisseurs. Jusqu'à maintenant, la start-up utilisait des outils de formulaires en ligne comme TypeForm ou Jotform afin de récupérer ces informations. C'était ensuite à leurs équipes de calculer le score selon les réponses apportées, puis de recontacter leurs clients et fournisseurs pour leur communiquer. Cela passait par des phases de mailings, de calcul à la main, de mise à jour de  base de données Hubspot, etc.

Greenly a des centaines de clients, qui ont eux même des dizaines de fournisseurs, ce qui aurait fait des milliers de résultats à récolter, calculer et scorer. Heureusement, ils nous ont contacter pour automatiser ce process Webflow 🤩

Mapping du projet

Les principaux enjeux du projet étaient :

  1. Amélioration du parcours utilisateur
  2. Formulaire bilingue Français / Anglais
  3. Formulaire web automatisé embarquant plusieurs outils
  4. Système de scoring instantané
  5. Formulaire personnalisé avec la charte Graphique Greenly

Offre Digidop

  • Conception d'un parcours client instantané et adaptatif
  • Conception de workflows automatisés
  • Développement de la maquette Figma vers Webflow (respect de la Digicalidad)
  • Site bilingue avec intégration Weglot
  • Connection à la base de données Hubspot

Déroulement du projet

1. Conception d'un formulaire adaptatif instantané

1 jour

Le premier enjeux de ce projet était de développer un formulaire évolutif et instantané. Plus concrètement, le formulaire Greenly devait évoluer en fonction des réponses de chaque utilisateur. Par exemple, dès la première étape le visiteur a le choix entre 6 secteurs d'activités, qui renvoient chacun vers 6 formulaires web différents. Au-delà de l'expérience client, c'est aussi le taux d'engagement qui se voit renforcé, à l'aide d'un formulaire ciblé. Nous avons pensé ce formulaire de sorte à ce que chaque étape devienne un levier de conversion.

2. Augmenter le taux d'engagement

3 jours

Le questionnaire étant assez long, nous devions trouver d'autres leviers pour maximiser ce taux d'engagement. En lien avec les équipes de Greenly, nous avons donc ajouté à ce formulaires plusieurs fonctionnalités :

  • Formulaire ciblé : chaque formulaire affiche au fournisseur qui le rempli, le nom de son client
  • Formulaire Webflow en plusieurs étapes : organisé par thématiques pour grouper les questions et structurer le formulaire
  • Système de suivi par étapes : pour se localiser facilement dans le questionnaire et répondre à la question "Où est-ce que j'en suis ?"
  • Jauge de pourcentage d'évolution : pour connaitre son niveau d'avancement dans le questionnaire
Fonctionnalités pour renforcer le taux de conversion d'un formulaire web avec une bare de progression et un suivi par thème
Renforcer le taux de conversion

3. Formulaire Webflow avec workflow automatisé

3 jours

Créer un workflow automatisé revient dans ce cas à créer un formulaire Webflow 100% autonome. De la première étape du formulaire, en passant par le calcul du score carbone et l'enrichissement des bases de données Hubspot, nous avons conçu un workflow qui rend le formulaire Greenly totalement indépendant. Pour cela nous avons combiné nos deux outils préférés, Webflow et Integromat :

  • utilisation de Webhooks Integromat pour connecter le formulaire,
  • utilisation du module Webflow,
  • intégration Integromat dans Webflow,
  • module intégré Hubspot,
  • Utilisation de systèmes de filtrages.

Integromat nous a permis de répondre à différents types de besoins :

  • Système de scoring : calcul du Bilan Carbone selon de nombreuses règles de scoring fixées par Greenly
  • Formulaire évolutif : afficher un score précis selon les réponses au formulaire
  • Formulaire instantané : aucun délais d'attente, les clients ont leurs résultats en direct
  • Alimenter Hubspot : mise à jour de la base de données en direct
Workflow automatisé entre avec Webhook entre Webflow et Integromat
Formulaire automatisé Webflow + Integromat

4. Développement Multistep Form Webflow

3 jours

Il était primordial de penser le développement Webflow en lien avec le workflow que nous avions conçu. De nombreuses fonctionnalités Webflow étaient nécessaire pour respecter la maquette tout en s'accordant avec le Workflow. Nous avons bien sur respecté un développement Digicalidad pour l'ensemble du projet.

3 outils ont été intégrés à Webflow

  • Make : automatisation du formulaire
  • Weglot : traduction en 2 langues
  • Hubspot : directement alimenté via les webhook Integromat.
Etapes du formulaire multiple de Greenly
Formulaire Webflow à plusieurs étapes

Résultats

  • 100 % personnalisé
  • 100 % automatisé
  • Formulaire bilingue Français / Anglais
  • Meilleure expérience client : le résultat de bilan carbone en direct, avec un suivi de l'équipe Greenly.
  • Meilleure expérience employé : les réponses directement intégrées dans Hubspot, un score calculé automatiquement, des clients directement informées. Les équipes sont ainsi libérées pour des taches à plus fortes valeurs ajoutées.

Nos sites sont développés avec les meilleurs pratiques web

Digidop ne vous propose pas qu’un simple site web, mais un savoir-faire approuvé par les acteurs du marché et nos clients satisfaits. Un gage de notre professionnalisme et de la qualité de nos services.

Et validés par nos clients

logo google
5/5 (57 avis)

"Excellent travail, direction artistique au top, équipe à l'écoute et surtout réactive !"

"L'agence m'avait été recommandée et ils ont vraiment été au rdv ! De la conception graphique, au développement sur Webflow jusqu'aux allers / retours avant la mise en ligne, tout s'est très bien déroulé."

"Le process est très carré et ils sont super sympas - si vous voulez développer un site en no-code rapidement et avec un super design, n'hésitez pas !"

"L'équipe de Digidop est une valeur sûre. Ils sont ponctuels, professionnels, communicatifs, positifs et incroyablement enthousiastes.

"From RFP inception to completion (and now continuation), Digidop was so quick to listen to our needs, propose ideas and take the project to much more. An amazing collaboration, always responsive."

"Digidop nous a aidé à lancer avec succès un MVP pour un système d’audit 100% automatisé avec Webflow et (Make) Integromat. L’équipe est compétente et réactive. Merci Digidop !"

"Superbe collab pour la refonte du site Reecall.com. Une team sérieuse et rapide !"

"Digidop a une vraie expertise sur Webflow et tout ce qui est nécessaire à la réalisation d'un site web moderne (design system, bonnes pratiques de développement, responsiveness, performance, SEO)."

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !