Cette question, beaucoup de personnes nous la pose.
- Nos clients, à la recherche du bon outil pour développer leur nouveau projet.
- Nos proches, connaissant nos études de développeurs qui se demandent bien pourquoi être parti dans le no-code après 5 ans à apprendre à coder
- Nous même, toujours à la recherche des meilleurs outils (combien de fois avons nous changé de solution de gestion de projet ou de log de temps… Mais ce n’est pas le sujet)
Aujourd’hui, je voulais répondre à cette question. Et ma première réflexion a été de me dire qu’il y avait plusieurs grandes familles de raisons pour lesquelles nous aimions Webflow.
Pour nos clients
Je pense qu’une des choses que je préfère sur Webflow, c’est de pouvoir entièrement donner la main à la fin du développement initial à notre client, porteur d’une idée, afin qu’il puisse apporter ses modifications et utiliser que nous avons mis en place pour lui, comme une librairie de composant, lui permettant de construire des nouvelles pages sur son site ou sa webapp.
L’interface de création super visuelle
Le côté WISIWYG (What You See Is What You Get) de Webflow est juste incroyable, vous pouvez vraiment avoir l’impression de construire votre site sur PowerPoint ou Canva (qui est en vogue en ce moment, même si je ne vois pas ce qu’il a de mieux que Figma personnellement… Mais encore une fois, hors sujet !)
Malgré tout, il ne faut pas s’y méprendre, si vous n’avez aucune connaissances techniques, je vous conseille de faire intervenir un développeur dans un premier temps pour avoir une base et des éléments déjà construits, parce que ce que vous voyez, c’est ce que vous avez… sur la même taille d’écran. Et que vous construisiez un site ou une application, vous avez certainement envie que toute personne et sur tout type d’appareil puisse l’utiliser 🤪
Je résumerai ce morceau en disant : oui, clairement Webflow permet à n’importe qui de modifier son site / application, mais pas à n’importe qui de la créer à la base.
Mais nous reviendrons un peu plus en détails dans la partie “pour les équipes techniques”
Les pages templates
En plus maintenant, il y en a aussi pour les pages statiques, mais passons.
Sur Webflow, vous avez la possibilité de mettre en place des templates qui vont vous permettre de remplir un formulaire et pouf, une nouvelle page sur votre site.
C’est clairement la meilleure solution pour les blogs, études de cas ou services par exemple.
Vous pouvez voir un article un peu plus détaillé sur comment choisir votre type de page template juste ici 🙌
Les composants
Et au delà des pages templates, qui ont leurs limites, les composants sont de plus en plus puissants sur Webflow, permettant aux développeurs experts de vraiment mettre en place des librairies avancées pour vos besoins uniques, de manière à ce qu’en quelques clics vous puissiez créer de nouvelles pages ou ajouter de nouveaux contenus (et sans faire appel à quelqu’un qui s’y connait !! 😱)
Le modèle SAAS
Sans aller dans les détails des autres options, dites vous que dans le modèle SAAS, vous ne gérer que votre contenu.
Si jamais vous ne savez pas, les autres éléments à gérer sont par exemple :
- L’hébergement : faire en sorte que votre site soit 1. toujours en ligne 2. toujours rapide 3. et de partout dans le monde
- La sécurité : faire en sorte que vos données soient chiffrées quand elles passent d’un ordinateur à l’autre
- Les mises à jours : un peu comme la mise à jour de votre téléphone et des applications dessus, tout ça, ce sont des choses qu’il faut faire pour voir un site en ligne, sinon vous vous retrouvez avec des failles de sécurité ou juste des choses qui ne fonctionnent plus (vous vous souvenez peut-être du bug de l’an 2000 aha)
Et ce sont des choses que vous n’avez pas à gérer car Webflow le fournit avec son abonnement.
J’entends des fois “oui mais Wordpress c’est gratuit”. Oui mais vous payez votre serveur pour l’héberger, vous gérer votre certificat SSL, vos mises à jours, etc. Vous, ou vous payez un développeur pour le faire 🙃 Au final, qui coûte le plus cher ?
Pas de plugins à gérer
Je suis désolée, mais on en peut plus de chercher le plugin qui va permettre de faire ça, vérifier s’il n’y en a pas un autre qui le fait mieux / moins cher.
Webflow vous donne tout, vous savez tout ce que vous avez pour le prix, soit ça convient à vos besoins, soit pas, mais anyway, vous avez le package, point.
Modulo le custom code, évidemment (transition parfaite pour passer sur le plan technique 🤓)
Pour les équipes techniques
Courbe d’apprentissage
Webflow s’apprend quand même super facilement (et ça c’est vraiment grâce à l’interface visuelle selon moi), surtout si vous connaissez déjà les bases du développement HTML/CSS/JS, vous retrouverez tous vos repères !
Et le fait qu’il soit aussi proche de ce qui sera au final “lu par les ordinateurs” (donc le code de votre page) vous permet de
1. Avoir la main exacte sur le rendu
2. Optimiser tout ça aux petits oignons
Des connaissances pas perdues
Pour terminer ce point je citerai une personne qui m’a parlé récemment de son expérience avec un outil no-code, où il avait passé des mois (années mêmes) à apprendre leur langage pour final se retrouver coincé dans leur solution.
Webflow vous apprends le HTML et CSS au final. Il ne faut certes pas s’arrêter à ce qui est possible sur leur outil, parce que les possibilités du CSS sont juste IMMENSES, mais c’est une très bonne porte d’entrée dans ce monde, et surtout ce sont des connaissances que vous pourrez réutiliser pour faire des sites sur d’autres solutions no-code du même type, voire même coder “pour de vrai” un jour 👀
Rapidité de développement
Sans parler de l’apprentissage qui est rapide, si vous faite appel directement à un expert, le développement de votre Webflow, même avec du custom code, sera plus rapide que de développement directement une application, et à moindre coût vu le nombre de développeurs qu’il y a sur le marché et la concurrence aha.
Attention tout de même à ne pas troquer trop de qualité pour de la rapidité 😉 Et basez-vous plutôt sur la liste d’experts certifiés par Webflow et le bouche à oreille (petit conseil d’une experte certifiée qui a déjà récupéré des projets vraiiiiment pas incroyables 😬)
Un code propre & optimisé à la sortie
Attention, si vous faite un développement Webflow de mauvaise qualité, votre site aura un site dégueulasse et mal optimisé, il n’y a pas de miracle non plus.
Mais si vous respecter les meilleurs pratiques en terme de développement web dans Webflow, alors il ne vous ferra pas un sale coup par derrière en rendant le final lourd pour rien 😉
Des frameworks Webflow comme Lumos poussent “à l’extreme” cette logique, mais même sans aller aussi loin et vous prendre autant la tête, vous avez moyen de faire bien mieux que beaucoup d’outils concurrents (que je ne citerais pas 😇)
Que vous pouvez exporter
Vous vous souvenez de la personne dont je parlais un peu plus tôt ? En plus d’avoir passé des mois à apprendre une langage et un fonctionnement qu’elle ne pourra pas réutiliser, tout ce qu’elle a produit a aussi dû être laissé derrière car il n’y avait pas de possibilité d’exporter le résultat.
Même si je vous conseil de garder votre site sur Webflow pour pouvoir le modifier super facilement, vous pouvez complètement exporter tout votre site (oui oui, les animations aussi) pour l’héberger sur vos serveurs ou juste le réutiliser comme base pour aller plus loin.
C’est comme ça que nous avons fait un site qui a une version hors ligne avec Webflow par exemple 😁
Et pimper avec du custom code <3
Un peu lié au point précédent, mais sa proximité avec le code final permet d’intégrer n’importe quoi dans votre site, soit pour repousser les limites natives de Webflow, soit pour aller plus site dans votre développement.
Et le meilleur ? Vous le verrez dans Webflow.
A titre personnel, nous utilisons un petit code CSS que nous mettons sur tous nos projets (la fameuse “Codelius Toolbox”) qui permet de faire un propre plus optimisé avec quelques petites classes CSS prédéfinies, notamment pour le responsive, et Webflow ne le rend pas visible uniquement sur le site publié, ce qui permet de quand même profiter du WISIWYG (What You See Is What You Get) malgré tout.
Connectabilité
Alors oui, ce n’est pas demain la veille que Webflow va vaincre WeWeb sur la partie connexion aux autres outils, mais entre la possibilité d’ajouter du custom code et leur fonctionnalité naissante “Logic Flow”, ils ont l’énorme avantage de ne pas isoler votre site du reste de votre écosystème.
Vous pouvez par exemple (et sans passer par 10 intégrations bancales) :
- Envoyer les réponses à vos formulaires de contact dans votre CRM (sans intégrer leur formulaire moche)
- Faire un système de gestion de réservations
Le dev link
Je m’en serais voulu de ne pas avoir abordé le fait que vous pouvez littéralement utiliser Webflow pour construire et éditer votre librairie de composants et ensuite les utiliser dans une application type React 😅 On en parle de la puissance de l’histoire ?
Encore besoin d’arguments ?
RGPD Friendly
Depuis plusieurs années, nous n’avons que ce mot à la bouche quand on est européen ou qu’on y a des clients.
Même s’il s’agit d’une entreprise américaine, Webflow a tout fait pour se rendre conforme à la RGPD.
J’en profite pour glisser à tout ceux qui se demande 👉 Il n’y a pas besoin de solution de gestion de cookies sur Webflow, si vous ne faites aucune autre intégrations type Analytics 😉
Prix Flexibles (et clairs)
Depuis la modification de leurs tarifs en 2024, c’est même encore plus vrai, mais je ne vais pas rentrer dans les détails ici.
Webflow propose de nombreux tarifs, en fonction de vos besoins pour votre projet, et ça vaut vraiment le coup de regarder tout ça avant de vous prendre votre abonnement, notamment sur l’utilisation ou non du CMS pour vos pages.
Constante amélioration
Comment ne pas citer ce point ?
Si un projet dure plus de 2 mois avant d’être mis en ligne, vous pouvez être presque sûr que vous verrez dans le développement des nouvelles possibilités. Depuis 2023, on peut dire que Webflow est vraiment constamment en train d’ajouter de nouvelles fonctionnalités et d’étendre les horizons.
Franchement, des fois le côté “je veux toujours développer au plus propre” en est malade !
Mais le top du top, c’est qu’ils gardent vraiment à l’esprit à la fois les personnes techniques, avec tous les ajouts de fonctionnalités autour du custom code, que les personnes qui ne le sont pas, avec par exemple les fonctionnalités d’audit SEO ou de consommation de bande passante.
La polyvalence
Vous l'aurez compris, Webflow permet de faire autant des applications que des sites.
Qui ne préférerai pas tout avoir au même endroit, avec la même logique et manière de fonctionner ?
Moins de choses à apprendre, plus de temps pour faire de la valeur 🤔
Conclusion
Bref, j’espère avoir enfin réussi à répondre à la question “pourquoi Webflow”, avec bien entendu mon point de vu !
Cet article n’avait clairement pas pour but de faire une liste des pour et des contres, donc peut-être que vous pourrez lui trouver un pan manquant, mais vous devriez avoir maintenant une bonne liste de pour 😁