-
Articles
-

Comment Webflow rend les équipes marketing plus autonomes

rédigé par
David Voge

La plupart des start-ups tech ont déjà fait face à ce dilemme : devoir choisir entre allouer ses ressources techniques au développement de son produit, ou bien les allouer au marketing. Il faut donc en permanence choisir entre consolider la partie de l'activité qui génère des revenus, ou bien celle qui en fait la promotion.

Le problème ? Au-delà du fait qu'il ne faudrait en principe n'en délaisser aucune... C'est que dès que l'on réalise qu'une personne a des notions de code, on la réquisitionne pour l'envoyer dans l'équipe tech afin de maintenir les fonctionnalités clés du produit.

Adieu donc la création de landing-pages, l'optimisation SEO, le changement de couleur du bouton dans le menu principal et même la correction de la faute d'orthographe dans le titre de la home page... 😱

La grande majorité des personnes ayant travaillé dans une équipe marketing vous le diront... Franchement, c'est hyper frustrant !

On a donc une bonne nouvelle :

Vous vous en doutez, on est là pour vous dire que cette époque est révolue grâce à Webflow !

On vous a alors préparé cet article pour vous aider à comprendre comment ce CMS pourrait aider votre équipe à devenir plus autonome !

Pourquoi choisir Webflow

On fait souvent une erreur lorsque l'on parle de Webflow — on se limite à dire que c'est un outil "fait pour que les designers puissent créer des sites [...]".

Pourquoi c'est une erreur ? Et bien parce que ça revient à dire que le choix du CMS n'affecte que la phase de développement du site alors qu'elle ne représente que quelques semaines/mois dans sa vie.

Il faudra ensuite être capable d'itérer dessus facilement : de créer de nouvelles pages, de publier de nouveaux contenus, de l'adapter aux changements de votre marque... Tout en restant performant et sans forcément repasser par un designer. Bonne nouvelle à nouveau, c'est exactement ce que Webflow propose, et c'est surtout pour ça que vous devriez vous y intéresser.

Les avantages de la plateforme Webflow pour les marketeurs

C’est un outil qui est particulièrement adapté pour les marketeurs qui souhaitent exploiter le site web de leur boîte sans pour autant être experts en développement web. (Non déso, mettre un Template sur Wordpress ne vous fait pas sortir de cette case 😉).

Création de landing page, ajout d'article de blog, d'une page service... Un site Webflow correctement configuré permet aux marketeurs d'être plus efficaces et aux techs de profiter de leur temps, loin des équipes marketing !

  • De moins en moins de limites

Utilisation de custom code, configuration du Google Tag Manager, connexion d’un outil tiers… Vous pouvez tout connecter à Webflow si vous (ou une personne dans votre équipe) avez quelques notions de code ! Fini le temps où vous deviez choisir vos outils en fonction de votre CMS.

Vous m'avez senti venir lorsque j'ai commencé à parler de configuration juste au-dessus ? Ce grand pouvoir vient également avec de grandes respon… non, je rigole, avec son lot de contraintes.

Comprendre les limites de Webflow

Pour les plus sceptiques... Non, ce n'est pas le moment où je vais vous annoncer qu'en fait, rien n'est possible sur Webflow. Comme tout outil, il est important de comprendre dans quelle mesure il est intéressant de l'utiliser.

  • C'est un page builder complexe

En arrivant sur son interface la première fois, on a tous un peu flippés — peu importe notre background. En s'accrochant un peu, on arrive sans trop de tumultes à publier nos premières pages — mais alors, quand il s'agit de revenir modifier ce qui a été fait précédemment, ou alors de collaborer avec une personne… ça se complique !

Il faut quelques bonnes heures pour pouvoir comprendre les rouages de l'outil. La Webflow University sera votre meilleure amie pour passer le cap.

  • Ça reste du code

Votre équipe pourrait être tentée de jouer avec Webflow pour créer des pages "comme sur Figma" — mais il faut bien garder en tête que même si Webflow permet de coder visuellement, il est important de penser à ce qui sera rendu sur le navigateur de l'utilisateur.

  • Ça s'intègre toujours dans un process

C'est visuel, c'est puissant, etc, mais gardons à l'esprit que l'on ne passe pas son temps à créer de nouvelles pages pour autant (et surtout, tout le monde dans votre équipe ne devrait pas pouvoir le faire). Votre équipe devra donc se conformer à la manière dont votre site Webflow a été configuré pour rester cohérent.

4 actions pour rendre votre équipe marketing plus autonome avec Webflow

Ça y est ! Nous y voilà. Vous êtes arrivés jusque-là et êtes impatients d'enfin comprendre comment Webflow va révolutionner le travail de votre équipe marketing ?!

Dans les exemples qui suivent, je pars du principe que vous travaillez avec une personne (en interne ou prestataire) ayant été formée à Webflow.

1 - Créez des modèles de page avec le CMS

Lorsqu'on parle de CMS, on pense en général aux articles de blog, mais le fait d'appeler des données sur un modèle de page ne se limite pas qu'à ça.

Qu'il s'agisse de créer des landing-pages, des pages services, ... Les collections de Webflow vous permettent de templatiser ces pages afin de pouvoir en créer de nouvelles en remplissant un simple formulaire.

La bonne nouvelle ? C'est qu'une page de collection se crée exactement de la même manière que n'importe quelle autre page. La seule différence ? C'est que l'on peut assigner des données (préalablement remplies dans la base de données) aux éléments de la page.

Les champs que vous pouvez configurer via le CMS de Webflow.

Une fois la page montée et la collection configurée, vous aurez, par exemple, la possibilité de changer :

  • Les couleurs,
  • Le texte,
  • Les images,
  • Les liens,
  • Les paramètres SEO (title, meta description, données structurées)
  • Masquer ou afficher certains éléments de la page (grâce au système d'affichage conditionnel)

2 - Donnez juste les accès qu'il faut à vos éditeurs de contenu

"Ok, c'est cool tout ça - mais ça a quand même l'air un peu technique... Tu me parles d'affichage conditionnel, etc."

Alors effectivement, il est important de se former un peu avant de configurer tout ça, et en même temps, en regardant votre équipe, ce n'est probablement pas judicieux pour tout le monde.

Rappelez-vous donc, Webflow s'inscrit dans un process.

→ Un designer design la page, un développeur Webflow (ou une personne de suffisamment formé) intègre le modèle de page et les créateurs de contenu publient le contenu. (bonne chance si vous faites les trois 😉)

Grâce au mode "éditeur" de Webflow, vous pouvez donner la main à vos rédacteurs pour qu'ils publient leurs articles directement sur votre site, sans avoir besoin de l'intervention d'un développeur.

  • Bonne nouvelle 1 : Ils peuvent maintenant venir corriger la faute d'orthographe dont on parlait précédemment ;
  • Bonne nouvelle 2 : Impossible pour eux de casser le site (ou quoi que ce soit d'autre).

Le mode éditeur permet de créer de nouvelles pages en complétant la collection (créée à l'étape précédente) depuis une sorte de formulaire et/ou directement sur la page une fois celle-ci créée.

3 - Découvrez les components

On en parlait plus haut, pour que l’utilisation de Webflow soit efficace, il est important de l’intégrer dans un process. Cela permet de gérer les pages similaires via un modèle unique qui est donc facilement maintenable.

Cela dit, toutes les équipes veulent pouvoir créer des pages qui sortent de ces modèles… Plutôt que de repartir de zéro, on vous conseille de construire (ou de faire construire) une librairie de Components.

Qu’est-ce que c’est ?

Les components sont des mises en pages enregistrées que vous pouvez réutiliser et personnaliser simplement. En d’autres mots, ce sont des blocs pré-configurés que vous pouvez “glisser déposer” sur votre nouvelle page. Il peut s’agir de sections, ou bien d’éléments (comme les boutons, ou cards, etc.)

Si ces components sont correctement configurés, vous pourrez en modifier le contenu (images, texte, liens…) et faire apparaître ou non certains éléments du bloc grâce aux propriétés de visibilités.

Exemple de gestion de la visibilité

🚨 Attention : Lorsque vous utilisez des components, assurez-vous d’éditer le contenu sur la page et non dans le Component — toutes les modifications faites à l’intérieur seront propagées sur tout votre site. Pour en savoir plus, lire le guide de Webflow.

4 - Faites construire votre site avec un Style Guide digne de ce nom

Il est fini le temps où l’on était bloqué avec son site jusqu’à sa refonte. En le faisant construire (ou en le construisant vous-même) avec un Style Guide, vous gardez la main sur l’apparence de votre site.

Le jaune du bouton principal est trop flashy ? Vous ne pouvez plus encadrer cette police que le designer a choisie ? Pas de stress, vous pourrez le changer en deux trois clics.

Vous pouvez jeter un œil au Client-First de Finsweet pour découvrir comment utiliser un style guide et comprendre comment faire ces modifications

Le Client-First, est rapidement devenu la référence sur Webflow. Comme d’habitude, il y a des choses très bien, d’autres un peu moins ; mais c’est probablement la manière la plus simple d’aborder le “code visuel” de Webflow !

🚨 Attention : Il est important (encore) de prendre le temps de se former un minimum avant d'assurer ces modifications.

Le mot de la fin 💃

Qu’il s’agisse de Webflow, ou de n’importe quel autre outil NoCode, je pense qu’il est essentiel de faire la différence entre les besoins d’une personne testant la traction d’un projet/idée, et une start-up ayant besoin d’itérer rapidement tout en restant la plus cohérente possible.

Au risque de me faire taper sur les doigts par les évangélistes du NoCode, aucune équipe marketing ne devrait avoir envie de rendre la création de pages, d’automatisations, réalisable par n’importe quel membre de son équipe.

Pour tirer parti de Webflow dans votre équipe :

  • Donnez vie à vos idées (ou faites-vous accompagner) sur Webflow ;
  • Assurez-vous de les intégrer dans un processus opérationnel ;
  • Formez vos marketeurs à ces process qui leur permettront de donner vie à leurs idées.

D’accord, pas d’accord ? N’hésitez pas à m’envoyer un mot sur LinkedIn pour échanger sur le sujet !