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 !
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.
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 !
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.
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.
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.
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.
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.
Ç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.
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.
Une fois la page montée et la collection configurée, vous aurez, par exemple, la possibilité de changer :
"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.
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.
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.
🚨 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.
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.
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.
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 :
D’accord, pas d’accord ? N’hésitez pas à m’envoyer un mot sur LinkedIn pour échanger sur le sujet !
Chaque mois, retrouvez l'essentiel du contenu NoCode Series dans votre boite mail.
.png)
.png){kind=logo}