Pourquoi nous aimons Webflow ?

MVP, site internets, webapp... Nous utilisons Webflow pour beaucoup de types de projets différents, et je pense qu'il est temps de vous expliquer pourquoi.

Par

Camille

July 21, 2024

10

mins de lecture

Sommaire

Partager

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 😁

Prenez <contact> avec nous

Nous aimons les challenges

//
Contactez-nous
-
-
->
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
5/5

Our clients say it best

We might not be the most objective judges of our own work,
but they certainly are.

The advantages of working with Codelius: responsiveness, flexibility, and rigor.

Mathieu

CEO @ hyffen

Codelius are exceptional - professional, highly skilled, and genuinely driven to deliver outstanding results. They have been integral to the development of our site, bringing real value through advanced prototyping and thoughtful execution. We truly consider them an extension of our team.

Juliet Clark

Head of Product, BoxMedia

Working with Codelius was a fantastic experience. Camille is a true expert with extensive knowledge and experience in Webflow. The collaboration was always on an equal footing and the communication was easy and fun. I really valued her initiative in providing feedback on design ideas and her intention to establish a solid color and component structure behind the design. I learned a lot from our collaboration and would choose Codelius again anytime.

Isabell H.

Senior Product Designer

Working with Camille was really easy. We used a Google Doc and WhatsApp and only needed one quick video call. I was very happy with the price and the quality of the site.

Chris Tyler

Founder @ Search Party Capital

Camille is so good that I almost don’t want to recommend her — I’d rather keep her for myself. Everything was smooth, fast, and incredibly efficient. Clearly above my expectations, with a brief that she understood perfectly even though I provided very few details. A real gem.

Basptiste W.

CEO @ uRoot

[…] Codelius was able to meet this need by delivering fast and clean results. When we had more advanced requirements, […] they went beyond the technology itself to create a custom solution. They remained available and supportive, answering our questions and helping us take everything in hand.

Grégoire G.

CEO @ Albert School

From design to development, the result is exactly what we wanted, and it’s truly beautiful. We are thrilled with the project. On the development side — implementing the design — Camille showed remarkable patience and flexibility to ensure I obtained the pixel-perfect result I had in mind. Hats off to Camille.

Jeff

Manager @ Relookitchen

Camille is the person you need for your Webflow, Airtable, and other no-code tools projects. She is professional, attentive, and delivers work of excellent quality. I recommend her without hesitation.

Sébastien P.

Manager @ Professional Magician

Camille and the Codelius team delivered exactly what we needed in a timely manner — she was a pleasure to work with and we look forward to working with them again in the future.

Tessa

Co-Founder @ Pipeline Solution

Working with Codelius agency and Camille was actually made IT fun, not stressful. She has a unique combination of getting the high level design, giving experienced inputs, the French artistic touch and ability to implement low level custom solutions. At the end of the project I wished she was a colleage. Hope to work with her again one day.

Adam M.

Operations Manager & BI Analyst @ Nordlux Australia

Nous sommes certifiés experts par Webflow eux-même depuis 2020. Il s’agit de notre outil de prédilection, avec Webflow nous pouvons faire des merveilles !

Nos développements Webflows prennent majoritairement leurs base depuis une maquette Figma. Elle permet à nos clients de valider un design avant de le concevoir.

Nous sommes partenaires d’une agence de webdesign pour combiner nos savoirs-faire et proposer à nos clients la meilleure option pour leurs projets les plus fous.

WHY ?
HOW ?

Your questions, answered

Why shouldn't I just make an app with an AI builder instead ?

AI and Webflow aren’t magic solutions — they’re tools. Powerful tools, yes, but tools nonetheless.
At Codelius, we use both every day, not as all-in-one answers but as accelerators.

If you want something reliable, scalable, and truly tailored to your business, humans still need to do most of the work.
AI can generate ideas, drafts, or components, but it cannot replace thoughtful architecture, UX decisions, technical consistency, or long-term maintenance.

In short: AI can speed things up, but human expertise is what makes a product last. We combine both — never one without the other.

Are you certified Webflow experts ?

Yes. Our team has been officially certified on Webflow since early 2022.

We continuously stay up to date with the platform’s best practices, new features, and evolving standards.
This allows us to deliver projects that are reliable and scalable, and to provide training sessions that reflect the most current, high-quality Webflow knowledge available.

How many people are on the Codelius team?

We are a small and nimble team of three Webflow experts. Each of us have our own specialties, including custom development, design and project management.

When needed, we also collaborate with a small network of trusted partner agencies and expert freelancers to handle specific technical requirements or high-volume periods.
However, your experience remains simple and streamlined: you will always work with one dedicated point of contact, and we take care of everything else behind the scenes.

How long does development take?

It depends on the scope of your project — the size of the site, the level of complexity, the animations, the presence of advanced features, and the materials you can provide (designs, images, brand guidelines, etc.).

But since “it depends” is not a satisfying answer, here are realistic timeframes based on the types of projects we handle.


• Website with ready-made designs

Starting from 15 days of development.

• Website created with low-cost, AI-assisted design

Starting from 3 weeks (design + development).

• Website with professional, hand-crafted design

(Designed by a partner agency)

Starting from 1 month (design + development).

• Webflow web application (user accounts, custom features)

Starting from 1 week when built on top of an existing website.

More advanced features can extend the timeline to several months.

• Native or complex React applications

Designed and developed entirely from scratch.

Timelines are provided on a case-by-case basis, but rarely under 3 months from initial conception to production release.

Every project has its nuances. The most reliable way to define a precise timeline is to tell us what you want to build so we can assess the scope and provide a clear, realistic schedule.